آموزش HTML و CSS مبتدی: وبلاگ شخصی خود را بسازید!

درس ها Lessons

• Skillshare ویدیوی من را دنبال کنید Skillshare follow me video

• هدر CSS، حاشیه و بالشتک Header CSS, margin & padding

• از کجا می توان تصاویر استوک عالی را پیدا کرد Where to find great stock images

• موضوع خود را انتخاب کنید! Choose your theme!

• معرفی ابزارهای توسعه دهنده مرورگر Browser developer tools intro

• تصاویر پس زمینه و موقعیت یابی فلکس باکس Background images and flexbox positioning

• شیوه نامه های خارجی External stylesheets

• به دوره خوش آمدید! Welcome to the course!

• پشتیبانی از مرورگر Browser support

• فونت های CSS و Google داخلی Internal CSS and Google fonts

• HTML معنایی و طرح بندی Semantic HTML and layout

• کلاس های استایلینگ و psuedo وبلاگ Blog styling and psuedo classes

• مقدمه ای بر جداول و موجودیت های HTML Introduction to tables and HTML entities

• بلوک در مقابل عناصر درون خطی Block vs inline elements

• سرعت دادن به کدنویسی با Emmet Speeding up your coding with Emmet

• ساختار صفحات HTML Structuring HTML pages

• HTML و CSS چیست؟ What is HTML & CSS?

• کلاس ها و شناسنامه ها Classes and ID's

• ایجاد هدر Creating the header

• برچسب ها و متن Div Div tags and text

• مقدمه ای بر پرسش های رسانه ای Introduction to media queries

• ایجاد پست های وبلاگ Creating blog posts

• پیوندها، تودرتو و تورفتگی Links, nesting & indentation

• یک ظاهر طراحی وبلاگ برای دستگاه های بزرگتر Blog styling for larger devices

• شروع یک پروژه وب Starting a web project

• مقدمه ای بر Flexbox و طراحی واکنش گرا Introduction to Flexbox & responsive design

• افزودن صفحه وبلاگ Adding the blog page

• نمادهای رسانه های اجتماعی نوار کناری Sidebar social media icons

• یک ظاهر طراحی نهایی برای صفحه نمایش های کوچک Final styling for small screens

• ابزار مورد نیاز Required tools

• چالش نهایی Final challenge

• مرحله نهایی Final step