آموزش ساخت نوارهای Navigation بوسیله HTML, CSS

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

عنوان اصلی : HTML and CSS: Creating Navigation Bars

سرفصل ها :

معرفی :
پیمایش در وب با نوارهای ناوبری
کار با CodePen
1. اصول اولیه نوار ناوبری:
استفاده از HTML برای علامت گذاری نوار ناوبری
درک مدل جعبه نوار ناوبری
در حال حذف یک ظاهر طراحی پیش فرض لیست
درک حالت های پیوند و سبک دادن به متن
2. نوارهای ناوبری عمودی:
ایجاد فضا در نوار ناوبری شما
بزرگ کردن ناحیه قابل کلیک پیوند
نشان‌دهنده جایی که در مسیریابی هستید
افزودن یک نماد به پیوند به روشی قابل دسترس
استفاده از تصاویر پس زمینه در پیوندها برای یک ظاهر طراحی
چالش: یک نوار ناوبری عمودی را سبک کنید
راه حل: یک نوار ناوبری عمودی را سبک کنید
3. نوارهای پیمایش افقی:
افقی کردن ناوبری با بلوک درون خطی
افقی کردن مسیریابی با Flexbox
در مرکز و یک ظاهر طراحی شده نوار پیمایش افقی
قرار دادن لوگو در مرکز نوار ناوبری افقی
چالش: یک نوار ناوبری افقی را سبک کنید
راه حل: یک نوار ناوبری افقی را سبک کنید
4. نوارهای ناوبری پاسخگو:
اضافه کردن نمادها برای دکمه همبرگر
افزودن عملکرد دکمه همبرگر با CSS
استایل دادن به نوار ناوبری و دکمه همبرگر با پرسش‌های رسانه‌ای
چالش: نوار ناوبری خود را پاسخگو کنید
راه حل: نوار ناوبری خود را پاسخگو کنید
5. نوارهای پیمایش تو در تو:
افزودن و طراحی سطح دوم ناوبری عمودی
افزودن لایه دوم پیمایش افقی
ایجاد کرکره با CSS
نتیجه :
دوره های اضافی HTML و CSS