این آموزش تصویری طراحی وب سایت : ساخت منوهای تعاملی را با CSS آموزش می دهد. به طور معمول منو های تعاملی با jQuery یا JavaScript ساخته می شوند. اما در این دوره با CSS و پشتیبانی از iOS در ویندوز می توانید منوها را بسازید. در ادامه کار با لیست ها، استایل ها ، موقعیت منوها، نحوه اضافه کردن در ARIA و ایجاد منوهای واکنش گرا را آموزش می دهد.
این دوره آموزشی محصول موسسه Lynda است.

سرفصل های دوره:

  • کار با CSS
  • نحوه ایجاد منوها با CSS
  • کار با لیست های تودرتو در HTML
  • کار با HTML
  • کار با لیست های bulleted دار
  • کار با شبه عناصر
  • مخفی کردن منوهای فرعی
  • انتخاب موقعیت منوها
  • طراحی ظاهر برنامه
  • کار با پشتیبانی ARIA
  • نحوه ساخت منوی واکنش گرا
  • و…

عنوان دوره: Lynda Design the Web: Creating CSS-Only Navigation Menus
سطح: مقدماتی
مدت زمان:  29 دقیقه
نویسنده: Chris Converse


Did you know you can add dropdown menus to your webpage with nothing more than HTML and CSS? Typically interactive menus are accomplished with jQuery or another JavaScript framework. But the truth is, with CSS you can create the same rich experience, including full support for iOS and touch-screen Windows devices. In this installment of Design the Web, Chris Converse teaches us how to nest lists, style and position menus, add in ARIA markup for cross-compatibility, and make the menus fully responsive.
The exercise files are free to all members! Download them today to start creating your own multilevel dropdown menus.

2m 5s
1m 0s
Using the exercise files
1m 5s
1. Creating Menus with CSS
27m 39s
Nesting unordered lists in HTML
3m 11s
Overriding the bulleted list style
3m 59s
Clearing the floats with pseudo-elements
4m 36s
Showing and hiding submenus on hover
4m 59s
Positioning the third-level menus
2m 46s
Styling the top-level items
2m 55s
Adding support for ARIA
2m 9s
Making the menu responsive
3m 4s

حجم فایل: 124MB