CSS: Styling Navigation - میتالرن

مدرس James Williamson

انتشار 2012/11/16

مدت زمان 5h 14m

سطح متوسط

فایل تمرینی دارد

آموزش CSS: Styling Navigation

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

Cascading Style Sheets (CSS) User Interface Design

Introduction

Welcome ()

What you should know before watching this course ()

Using the exercise files ()

1. Structuring Navigation

Organizing menus with lists ()

Ensuring accessibility ()

Using the nav element ()

Creating block-level links ()

Lab: Structuring navigation ()

Solution: Structuring navigation ()

2. Link Styling Basics

Exploring link style considerations ()

Using global link styles ()

Styling link states ()

Indicating external links ()

Styling image links ()

3. Creating a Vertical Menu

Stripping default list styling ()

Defining link dimensions ()

Setting link styling ()

Aligning links vertically ()

Controlling link spacing ()

Styling menus with borders ()

Creating rollovers ()

Restricting link styling ()

Lab: Creating a vertical menu ()

Solution: Creating a vertical menu ()

4. Creating Horizontal Menus

Stripping list styling ()

Displaying links horizontally ()

Clearing floats ()

Controlling link sizing and spacing ()

Styling links ()

Creating rollovers ()

Indicating current pages ()

Controlling cursor states ()

Lab: Creating horizontal menus ()

Solution: Creating horizontal menus ()

5. Dropdown Menus

Overview of dropdown menus ()

Structuring submenus ()

Styling submenus ()

Creating submenu rollovers ()

Positioning submenus ()

Controlling submenu display ()

Creating persistent hover states ()

Animating menus with CSS transitions ()

Lab: Dropdown menus ()

Solution: Dropdown menus ()

6. Enhancing Navigation with CSS

Creating CSS-only buttons ()

Creating special effects for buttons ()

Enhancing buttons with gradients ()

Overview of CSS sprites ()

Using CSS sprites for icons ()

Styling block-level links ()

Lab: Enhancing navigation with CSS ()

Solution: Enhancing navigation with CSS ()

Conclusion

Additional resources ()

Ex_Files_CSS_Styling_Nav.zip (41.5 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.