آموزش CSS/HTML نشر جی بی تيم

آموزش اصول HTML

سرفصل‌های مباحث این دوره عبارت‌اند از:

قالب‌بندی متن

اجزای ترکیبی HTML

پاراگراف‌ها و عنوان‌ها و کد ، پیش وBR

لیست‌ها و نقل‌قول‌ها و تاریخ‌ها و زمان‌ها

بالانویس ، زیرنویس و متن کوچک

درک قدرت HTML

اصلاح و صفات  HTML

نقش‌های ARIA و قالب‌بندی HTML

پیوند دادن و پیمایش

پیوندها، جهت‌یابی و مسیرهای URL

تصاویر و گرافیک‌ها

تصاویر و فرمت‌های آن

سایز واکنش‌دهنده و عکس‌های واکنشی

پیکر و کپشن پیکر

رسانه‌ها

صوت،ویدئو و زیرنویس

راه‌های بیشتر برای شناسایی محتوا

پشتیبانی از زبان‌ها

المنت‌های عمومی – div و span

تیتر فایل

محتوای ساختاری

نمونه‌هایی از کنار هم قرار دادن کدها

فرم‌ها و عناصر تعاملی

اطلاعات بیشتر در مورد فرم‌ها

انواع عناصر فرم اضافی

ساختار داده‌های جدولی

آموزش اصول CSS

سرفصل‌های مباحث این دوره عبارت‌ اند از:

مقدمه CSS

مقدمه‌ای بر CSS ابزار و نمونه پروژه‌ها

آغاز راه

HTML و CSS و ابزارهای توسعه‌دهنده مرورگر

ارجاع به CSSو مروری بر پروژه و راه‌اندازی آن

بهینه‌سازی تصاویر و نمایشگرهای retina

مسیرهای نسبی،مسیرهای مطلق یا دقیق

مفاهیم اصلی

W3C و خصوصیات CSS

syntax، اصطلاحات و مقادیر و واحدهایCSS

سلکتورهای Type و universalو Classو ID

 گروه‌بندی سلکتورها

وراثت و حق تقدم در CSS

آبشار و دستور important

افزودن رنگ‌ها و سبک دادن به لینک‌ها

سلکتورهای شبه کلاس و لینک‌ها

مدل جعبه

مقدمه‌ای بر مدل جعبه و ویژگی‌ها

Inline،block  و display

کاربرد و syntax ویژگی‌های جعبه

اشکال‌زدایی مدل جعبه

Padding،margin و border

افزودن content wrapper

Margin  و  padding

تایپوگرافی

تغییر ویژگی font-family

ویژگی‌های Font-weight  و font-style

به‌کارگیری فونت‌های وب توسط font-face

سبک‌های تایپوگرافی

ویژگی Float یا شناوری

ویژگی Float و در هم شکستن کانتینر

پروژه – رفع مدل شناور و جعبه

ویژگی position

چیدمان Flexbox و Grid

Flexbox-Grid و تمرین‌ها

سایزدهی انعطاف‌پذیر

مقدمه‌ای بر CSS Grid

گرید صریح و ضمنی

ویژگی‌های مبتنی بر موقعیت برای grid

ستون‌های Grid و  ابزار فایرفاکس

انتخاب‌کنندگان پیشرفته

مقدمه‌ای بر سلکتورهای پیشرفته

کلمبینیتورها یا سلکتورهای رابطه‌ای

به‌روزرسانی پروژه با کامبینیتورها

سلکتورهای شبه کلاس First  و  last

طراحی responsive یا واکنش‌گرا

طرح‌بندی fluid

تصاویر پس‌زمینه انعطاف‌پذیر

تصاویر پس‌زمینه انعطاف‌پذیر- تمرین

مقدمه‌ای بر media queries

Media queries، عرض‌ها و نقاط انفصال

تست طرح‌بندی‌های responsive