HTML & CSS Creating Navigation Bars

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