آموزش جامع Responsive Web Design

با مشاهده این دوره آموزشی مبانی تا سطح حرفه ای Responsive Web Design را یاد می گیرید.

عنوان اصلی : Creating a Responsive Web Design

سرفصل ها :

معرفی
معرفی این دوره
در مورد این دوره
شرایط و فناوری که ما پوشش خواهیم داد
آنچه برای تکمیل این دوره نیاز دارید
درباره فایل های تمرین
1. آماده سازی محتوا و ساختار HTML
راه اندازی پروژه ما
استراتژی برای چیدمان ما
ایجاد کانتینرهای اصلی HTML
اضافه کردن محتوا به هدر
افزودن محتوا به بخش اصلی
افزودن محتوا به بخش اتمسفر
افزودن محتوا به بخش آموزش
افزودن پیمایش
افزودن محتوای پاورقی
2. ایجاد Style و Layout با CSS
وارد کردن فونت گوگل
تعریف سبک های متن اصلی
حالت دادن به عنوان و ظرف صفحه
طراحی لوگو و آیتم قهرمان
ایجاد سبک دکمه
تنظیم یک ردیف سه ستونی
اضافه کردن گرافیک به بخش اصلی
پاکسازی شناورها با شبه عناصر
طراحی بخش اتمسفر
استایل دادن به عناصر کناری بخش چگونه
استایل دادن به عنصر blockquote بخش how-to
افزودن محتوا با عناصر شبه
استایل دادن به پاورقی
3. ایجاد یک سیستم منو با CSS
تغییر موقعیت ناو
سبک دادن به موارد و پیوندهای فهرست ناوبری
نمایش و پنهان کردن منوهای فرعی nav
گزینه های سازگاری دستگاه برای nav
افزودن فلش های نشانگر
4. ایجاد تنظیمات چیدمان برای صفحه نمایش های بزرگ و متوسط
انجام تنظیمات جزئی برای نمایشگرهای بزرگتر
انجام تنظیمات برای نمایشگرهای بزرگ
انجام تنظیمات برای صفحه نمایش متوسط
5. ایجاد تنظیمات برای صفحه نمایش های کوچک
حرکت ناوبری برای صفحه نمایش های کوچکتر
تنظیم بر اساس لوگو و عناصر قهرمان
تنظیم مجدد بخش های اصلی و اتمسفر
تنظیم مجدد بخش نحوه انجام
تنظیم مجدد ناوبری
تنظیم فاصله ناوبری و پاورقی
6. ایجاد تنظیمات برای کوچکترین صفحه نمایش
تنظیمات برای هدر و قهرمان
تنظیم بخش نحوه انجام
تنظیم فوتر
7. ایجاد تنظیمات چیدمان و محتوا برای چاپ
استراتژی برای چاپ
پیوند دادن یک فایل CSS برای چاپ
تنظیم سبک های پایه
تنظیم هدر
نمایش URL ها هنگام چاپ
بخش اصلی
بخش اتمسفر
تغییر تگ های img با CSS
استایل دادن به پاورقی
تنظیم شکستگی صفحه با CSS
نتیجه
بعدش چی؟