week 5
The focus of week 5 is creative navigation with CSS. Images are not necessary to design distinctive, well styled "buttons" and rollover effects. The appropriate and well-formed use of the list tag to contain hypertext links, offers lots of diversity in design.
Handouts/downloads
Sites About Design
Level One Learning Objects
- Creating Navigation Chapter 5 of Dan Cederholm's book.
- Dropdown Menu A simple way to create a dropdown menu
Level Two Learning Objects
- Tab Style Menus Creating tab style horizontal menus
- Tabbed Navigation Another example of creating tabs for navigation
- Horizontal Nav Bar Navigation bar used on 456 Berea Street Design
Level Three Learning Objects
- Suckerfish Dropdows The original dropdown menu structure with CSS.
- Sons of Suckerfish Improvements on original suckerfish dropdown menus
- Sliding Doors of CSS Creating tabs as menus with unique sliding image process