هیچ محصولی در سبد خرید نیست.
دوره آموزش اچ تی ام ال و سی اس اس – ساخت نوارهای ناوبری
Linkedin – HTML and CSS – Creating Navigation Bars
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل
حتی اگر محصول یا خدمات شما واقعاً اورجینال باشد، برنامه یا سایتی که برای آن می‌سازید عناصری را با هر برنامه یا سایت دیگری در این سیاره به اشتراک می‌گذارد. به عنوان مثال، نوار ناوبری فروتن را در نظر بگیرید، که کاربران شما برای یافتن راه خود در سایت شما به آن نیاز دارند.
در این دوره، مربی جن کرامر نحوه ایجاد نوارهای ناوبری زیبا و قابل دسترس را با استفاده از تکنیک های HTML و CSS که در هر زمینه وب کار می کنند را نشان می دهد.
در این دوره آموزش اچ تی ام ال و سی اس اس – ساخت نوارهای ناوبری، Jen با جزئیات نشانه گذاری مناسب برای نوار ناوبری و مدل جعبه مرتبط با عناصر آن شروع می کند. سپس به نحوه استایل دادن به نوارهای پیمایش عمودی و افقی می پردازد – از جمله نحوه قرار دادن یک لوگو درست در وسط نوار ناوبری افقی.
در نهایت، جن چند ترفند پیشرفته را به اشتراک می‌گذارد، از جمله نحوه ایجاد فهرست‌های کشویی و طرح‌بندی موبایل با دکمه‌های همبرگر با CSS، بدون نیاز به جاوا اسکریپت.
فهرست سرفصل های دوره : آموزش Linkedin – HTML and CSS – Creating Navigation Bars
دوره آموزش اچ تی ام ال و سی اس اس – ساخت نوارهای ناوبری
- مقدمه
پیمایش در وب با نوارهای ناوبری
کار با CodePen
- 1. مبانی نوار ناوبری
استفاده از HTML برای علامت گذاری نوار ناوبری
درک مدل جعبه نوار ناوبری
حذف استایل فهرست پیش‌فرض
درک حالت های پیوند و استایل دادن به متن
- 2. نوارهای ناوبری عمودی
ایجاد فضا در نوار ناوبری شما
بزرگ کردن ناحیه قابل کلیک پیوند
نشان دادن اینکه در کجای ناوبری هستید
افزودن یک نماد به پیوند به روشی قابل دسترس
استفاده از تصاویر پس زمینه در پیوندها برای یک ظاهر طراحی شده
چالش: استایل دهی یک نوار ناوبری عمودی
راه حل: استایل دهی یک نوار ناوبری عمودی
- 3. نوارهای ناوبری افقی
افقی کردن ناوبری با بلوک درون خطی
افقی کردن مسیریابی با Flexbox
در مرکز قرار دادن و استایل دهی نوار پیمایش افقی
قرار دادن لوگو در مرکز نوار ناوبری افقی
چالش: استایل دهی یک نوار ناوبری افقی
راه حل: استایل دهی یک نوار ناوبری افقی
- 4. نوارهای ناوبری تعاملی
اضافه کردن نمادها برای دکمه همبرگری
افزودن عملکرد دکمه همبرگری با CSS
استایل دادن به نوار ناوبری و دکمه همبرگری با پرسش‌های رسانه‌ای
چالش: نوار ناوبری خود را تعاملی کنید
راه حل: نوار ناوبری خود را تعاملی کنید
- 5. نوارهای ناوبری تو در تو
افزودن و طراحی سطح دوم ناوبری عمودی
افزودن لایه دوم ناوبری افقی
ایجاد کرکره با CSS
- نتیجه گیری
دوره های اضافی HTML و CSS
دوره آموزش اچ تی ام ال و سی اس اس – ساخت نوارهای ناوبری ، Linkedin – HTML and CSS – Creating Navigation Bars ، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!
می تونست بهتر باشه
آموزش بسیار خوبی بود.متشکرم، قیمت ها بسیار مناسب هستند
مفید