آموزش ساخت 5 وب سایت مدرن با CSS Responsive Web

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با CSS یاد می گیرید.

عنوان اصلی : CSS Modern Responsive Web Design - Create 5 Different Websites

سرفصل ها :

ایجاد پنج وب سایت از ابتدا با استفاده از طراحی وب مدرن - HTML، CSS، جاوا اسکریپت:
معرفی
ابزار و منابع دوره
وب سایت های واکنش گرا مدرن با استفاده از Float و CSS برای ایجاد شبکه های قابل استفاده مجدد:
ایجاد یک وب سایت شناور تک صفحه ای با ساختار شبکه با استفاده از CSS
راه اندازی محیط توسعه وب شما
ایجاد یک وب سایت Wireframe برای برنامه ریزی سایت شما
اضافه کردن ساختار اصلی HTML
به روز رسانی HTML با Styles
ایجاد یک نوار ناوبری پاسخگو
ایجاد یک نوار ناوبری پاسخگو آماده برای موبایل
افزودن محتوای بیشتر به بخش بالای وب سایت شما
ایجاد یک شبکه CSS برای وب سایت خود با استفاده از Float
افزودن گالری تصاویر
ایجاد مناطق محتوا - منطقه محتوای چند ستونی
اضافه کردن یک ستون منفرد در یک شبکه
ایجاد فرم تماس با استفاده از CSS و HTML
اضافه کردن Mailto به فرم تماس شما
اضافه کردن یک سبک به وب سایت شما
اضافه کردن و جابجایی بخش ها در یک وب سایت تک صفحه ای
بررسی وب سایت تک صفحه ای
وب سایت Flexbox تک صفحه ای با جاوا اسکریپت اسکرول خودکار:
معرفی وب سایت تک صفحه ای فلکس باکس
وب سایت Flexbox: راه اندازی یک صفحه وب
ایجاد بخش ها در یک وب سایت تک صفحه ای با استفاده از Flexbox
ایجاد نوار ناوبری با استفاده از Flexbox
طراحی و افزودن محتوا به بخش صفحه اصلی
استفاده از ستون های شبکه سفارشی خود با Flexbox
ایجاد کارت های صفحه CSS Flexbox با Flexbox
ایجاد یک فرم CSS با استفاده از CSS Flexbox
ایجاد پاورقی
ایجاد اسکرول صاف با استفاده از جاوا اسکریپت
افزودن اسکرول روان به وب سایت خود با استفاده از جاوا اسکریپت
بررسی وب سایت Flexbox تک صفحه ای
چک باکس "بدون جاوا اسکریپت" - وب سایت Navbar پاسخگو از ابتدا در بخش وب سایت CSS Grid:
معرفی وب سایت CSS Grid
آماده سازی طرح شما - راه اندازی شبکه CSS
ایجاد یک وب سایت - CSS Grid
ایجاد یک CSS Grid Responsive Navbar
اضافه کردن یک نوار ناوبری پاسخگو به وب سایت شما
ایجاد یک نوار ناوبری تاشو کاملاً پاسخگو
افزودن محتوای جایگیر
به روز رسانی پاورقی صفحه
بررسی وب سایت CSS Grid
منوی تاشو جاوا اسکریپت - وب سایت CSS Float آماده و کاملاً پاسخگو برای موبایل:
مقدمه: وب سایت Float واکنش گرا
وب سایت مدرن: راه اندازی و برنامه ریزی وب سایت
ایجاد یک وب سایت مدرن: راه اندازی HTML اصلی
ساخت نوار ناوبری پاسخگو با استفاده از استایل ناوبری CSS
ایجاد یک منوی جمع‌بندی پویا با استفاده از نوار ناوبری پاسخگو CSS
منوی نوار ناوبری آماده برای موبایل با استفاده از نوار ناوبری پاسخگو CSS
افزودن جاوا اسکریپت را انتخاب کنید و به موارد منو نوار نوار خود تغییر دهید
شبکه پویا سفارشی - ایجاد یک وب سایت و ستون
افزودن محتوا و منابع متغیر مکان
بهترین منابع برای طراحی وب - اضافه کردن محتوای متغیر
تغییرات و تنظیمات وب سایت
بررسی وب سایت پاسخگو Float
وب سایت CSS Flexbox با موارد زیر منوی نوار ناوبری پاسخگو:
Complex Responsive Navbar معرفی
برنامه ریزی و راه اندازی وب سایت برای طراحی وب سایت مدرن - Flexbox
ایجاد یک وب سایت با استفاده از CSS برای وب سایت ها با استفاده از Flexbox
طراحی وب سایت اول موبایل: ایجاد یک نوار ناوبری پاسخگو
طراحی موبایل اول: ایجاد یک نوار ناوبری پاسخگو با آیتم های منو
افزودن جاوا اسکریپت: ایجاد یک جاوا اسکریپت تعاملی Navbar Toggler
منوی چند لایه پیچیده تر با موارد زیر منو: اضافه کردن منوی فرعی نوار نوار
نوار ناوبری پاسخگو با موارد زیر منو - منوی فرعی نوار جاوا اسکریپت
منوی پاسخگو با آیتم های زیرمنو - اصلاحات و به روز رسانی های وب سایت
نمای کلی نوار ناوبری پاسخگو پیچیده