Site Navigation with CSS in Dreamweaver
Join Joseph Lowery in Site Navigation with CSS in Dreamweaver as he explores current design trends in site navigation and shows designers and developers how to create robust CSS-based navigation. The course shows how to convert HTML lists to graphical controls that integrate seamlessly with an existing site design, and how to build menus with a wide range of navigation options, all in standards-compliant CSS. Exercise files accompany the course.
- Using icons
- Navigating with Spry widgets
- Styling Spry menus
- Working with background images
- Implementing sprites
- Designing navigation with accessibility in mind
- Adding drop-down menus
- Developing graphical navigation with jQuery
- Creating pop-out vertical navigation
- Exploring CSS3 and HTML5 enhancements
- [Voiceover] Hi, I'm Joe Lowery. Navigation is a critical component of almost every website. Whether your nav menus fly out, or just sit there looking pretty, they need to guide your site visitors to what they're looking for quickly and easily. This course starts by taking a look at the current trends in website navigation so you can get a better idea of what's possible. Then, we'll explore Dreamweaver's navigation solution, built with their own spry framework.
This course will also cover a variety of navigation menu techniques, and go over the step-by-step instruction for crafting both horizontal and vertical navigation bars. Finally, we'll get into some leading edge navigation techniques, including animated image menus, as well as navigation built with HTML5 and CSS3. I'm ready to help you realize your site navigation goals.
Layouts with CSS in Dreamweaver295,634 Views
Create Navigation Menus with jQuery and Dreamweaver83,160 Views
Managing CSS in Dreamweaver276,166 Views
Dreamweaver CS6 New Features93,595 Views
Dreamweaver CS5: Getting Started with HTML5336,089 Views
PHP with MySQL Essential Training3,907,848 Views
Access 2013 Essential Training2,494,302 Views
Muse Essential Training1,405,772 Views