آموزش ساخت انواع منو و راهبری ها با CSS

در این دوره آموزشی با انواع منوها و المان های راهبری آشنا شده و یاد می گیرید که چطور از CSS برای ساخت و طراحی آن ها استفاده کنید.

عنوان اصلی : CSS: Styling Navigation

سرفصل ها :

معرفی
خوش آمدی
آنچه قبل از تماشای این دوره باید بدانید
با استفاده از فایل های تمرین
1. ساختار ناوبری
سازماندهی منوها با لیست
تضمین دسترسی
با استفاده از عنصر nav
ایجاد پیوندهای سطح بلوک
آزمایشگاه: ساختار ناوبری
راه حل: ساختار ناوبری
2. مبانی استایل کردن پیوند
بررسی ملاحظات سبک پیوند
استفاده از سبک های پیوند جهانی
حالت های پیوند استایل
نشان دادن لینک های خارجی
پیوندهای یک ظاهر طراحی شده
3. ایجاد یک منوی عمودی
حذف استایل فهرست پیش‌فرض
تعریف ابعاد پیوند
تنظیم استایل پیوند
تراز کردن پیوندها به صورت عمودی
کنترل فاصله پیوندها
منوهای یک ظاهر با حاشیه
ایجاد rollovers
محدود کردن استایل پیوند
آزمایشگاه: ایجاد یک منوی عمودی
راه حل: ایجاد یک منوی عمودی
4. ایجاد منوهای افقی
یک ظاهر طراحی لیست برهنه
نمایش لینک ها به صورت افقی
پاکسازی شناورها
کنترل اندازه و فاصله پیوندها
پیوندهای استایل
ایجاد rollovers
نشان دادن صفحات فعلی
کنترل حالت های مکان نما
آزمایشگاه: ایجاد منوهای افقی
راه حل: ایجاد منوهای افقی
5. منوهای کشویی
مروری بر منوهای کشویی
ساختار زیر منوها
منوهای فرعی استایل
ایجاد تغییر در منوهای فرعی
تعیین موقعیت منوهای فرعی
کنترل نمایش منوی فرعی
ایجاد حالت های شناور ماندگار
متحرک کردن منوها با انتقال CSS
آزمایشگاه: منوهای کشویی
راه حل: منوهای کشویی
6. بهبود ناوبری با CSS
ایجاد دکمه های فقط CSS
ایجاد جلوه های ویژه برای دکمه ها
تقویت دکمه ها با شیب
نمای کلی CSS sprites
استفاده از CSS sprites برای آیکون ها
شکل دادن به پیوندهای سطح بلوک
آزمایشگاه: بهبود ناوبری با CSS
راه حل: بهبود ناوبری با CSS
نتیجه
منابع اضافی