آموزش ساخت یک طراحی وب واکنشگرا

دوره آموزش ساخت یک طراحی وب واکنشگرا
Lynda – Creating a Responsive Web Design
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

نحوه استفاده از طراحی وب ریسپانسیو برای خوانایی و کارآمدتر کردن سایت خود را در هر دستگاهی کشف کنید. کریس کانورس تکنیک‌های تخصصی خود را برای ترکیب HTML و CSS در یک طرح‌بندی وب به اشتراک می‌گذارد که می‌تواند با اندازه‌ها و جهت‌گیری‌های مختلف صفحه نمایش سازگار شود.

این دوره آموزش ساخت یک طراحی وب واکنشگرا، از ابتدا تا انتها، از تنظیم صفحه HTML و کانتینرها گرفته تا طراحی عناصر ثابت برای صفحه نمایش های کوچک، متوسط و بزرگ می برد.
در طول مسیر، کریس نشان می‌دهد که چگونه می‌توان نوار ناوبری را برای مشاهده بهتر در دستگاه‌های تلفن همراه تغییر موقعیت داد، انتقال‌های متحرک ایجاد کرد و فهرست‌های گلوله‌ای را به منوهای تعاملی با پشتیبانی کامل لمسی تبدیل کرد.
به علاوه، نحوه استفاده از شبه عناصر CSS و تطبیق طرح‌بندی‌ها را برای چاپ برای صرفه‌جویی در جوهر و کاغذ بیاموزید.

فهرست سرفصل های دوره : آموزش Lynda – 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
  
• نتیجه
  بعدش چی؟

دوره آموزش ساخت یک طراحی وب واکنشگرا، Lynda – Creating a Responsive Web Design، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!