آموزش طراحی وب: ایجاد منوهای پیمایش فقط CSS

Design the Web: Creating CSS-Only Navigation Menus

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

پرونده های تمرینی برای همه اعضا رایگان است! امروز آنها را بارگیری کنید تا منوهای کشویی چند سطحی خود را ایجاد کنید.

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

مقدمه Introduction

  • خوش آمدی Welcome

  • با استفاده از پرونده های تمرینی Using the exercise files

1. ایجاد منوها با CSS 1. Creating Menus with CSS

  • تودرتو لیست های نامرتب در HTML Nesting unordered lists in HTML

  • نادیده گرفتن سبک لیست بولت Overriding the bulleted list style

  • پاکسازی شناورها با عناصر شبه Clearing the floats with pseudo-elements

  • نشان دادن Showing and hiding submenus on hover

  • قرار دادن منوها در سطح سوم Positioning the third-level menus

  • موارد خاص در سطح بالا Styling the top-level items

  • افزودن پشتیبانی از ARIA Adding support for ARIA

  • پاسخگو بودن منو Making the menu responsive

نمایش نظرات

آموزش طراحی وب: ایجاد منوهای پیمایش فقط CSS
جزییات دوره
29m 40s
10
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
62,047
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای