دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.

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

دانلود lynda HTML and CSS: Creating Navigation Bars

10,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

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

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

این مجموعه آموزش ویدیویی محصول موسسه آموزشی lynda است که بر روی 1 حلقه دیسک به همراه فایلهای تمرینی ارائه شده و به مدت زمان 2 ساعت و 18 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش آشنا می شویم :


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


Introduction :
Navigating the web with navbars
Working with CodePen

1. Navigation Bar Basics :
Using HTML to mark up a navbar
Understanding the box model of a navbar
Removing default list styling
Understanding link states and styling the text

2. Vertical Navigation Bars :
Creating space in your navbar
Enlarging the clickable area of the link
Indicating where you are in the navigation
Adding an icon to the link in an accessible way
Using background images in links for styling
Challenge: Style a vertical navbar
Solution: Style a vertical navbar

3. Horizontal Navigation Bars :
Making navigation go horizontal with inline-block
Making navigation go horizontal with Flexbox
Centering and styling a horizontal navigation bar
Placing a logo in the center of a horizontal navbar
Challenge: Style a horizontal navbar
Solution: Style a horizontal navbar

4. Responsive Navigation Bars :
Add icons for a hamburger button
Adding hamburger button functionality with CSS
Styling the navbar and hamburger button with media queries
Challenge: Make your navbar responsive
Solution: Make your navbar responsive

5. Nested Navigation Bars :
Adding and styling a second level of vertical navigation
Adding a second layer of horizontal navigation
Creating dropdowns with CSS

Conclusion :
Additional HTML and CSS courses