آموزش CSS3 و Bootstrap برای مبتدیان مطلق: 4 دوره در 1

سرفصل ها و درس ها

CSS3 Basic CSS3 Basic

• درباره کلاس - آنچه شما نیاز دارید About the class - what you will need

• CSS چیست و چرا از آن استفاده خواهیم کرد What is CSS and why we will use it

• چه چیزی در CSS3 جدید است What's new in CSS3

• انتخابگرها، ویژگی ها و ویژگی های CSS CSS Selectors, properties and attributes

• انتخابگرهای شناسه ID Selectors

• انتخاب کنندگان کلاس Class Selectors

• انتخابگرهای عنصر Element Selectors

• همه انتخابگرها All Selectors

• استایل شیت های داخلی Internal style sheets

• استایل شیت های خارجی External style sheets

• سبک های درون خطی Inline styles

CSS3 پیشرفته CSS3 Advanced

• مدل جعبه The box model

• اضافه کردن رنگ Adding color

• کار با فونت Working with fonts

• تصاویر پس زمینه Background images

• تصاویر پس زمینه: قسمت 2 Background images: Part 2

• پیوندهای استایل Styling links

• تگ های شناسه استایل Styling ID Tags

• شناور و شفاف Float & Clear

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

• تثبیت موقعیت Positioning

• ساخت چارچوب Building the Framework

• تنظیم سبک ها Setting the Styles

• افزودن عناصر Adding the elements

مبانی بوت استرپ Bootstrap Basics

• بوت استرپ چیست؟ What is Bootstrap?

• در حال دانلود بوت استرپ Downloading Bootstrap

• اضافه کردن بوت استرپ در سایت شما Adding Bootstrap in your site

• ایجاد ناوبری Creating the Navigation

• ایجاد ناوبری: قسمت 2 Creating the Navigation: Part 2

• ایجاد ناوبری: قسمت 3 Creating the Navigation: Part 3

• ایجاد ظروف Creating containers

• تصاویر استایل Styling images

• ایجاد پاورقی Creating the footer

• اضافه کردن دکمه های مدل دار Adding styled buttons

بوت استرپ پیشرفته Bootstrap Advanced

• افزودن نقشه های گوگل Adding Google Maps

• اضافه کردن چرخ فلک تصویر Adding an image carousel

• افزودن فرم تماس Adding a contact form

• ایجاد یک صفحه وب کامل: قسمت 1 Creating a complete web page: Part 1

• ایجاد یک صفحه وب کامل: قسمت 2 Creating a complete web page: Part 2

• ایجاد یک صفحه وب کامل: قسمت 3 Creating a complete web page: Part 3