In this installment of the CSS Starter Page series, we are going to segue into exploring Spry widgets by continuing where we left off - that is with trying out different navigation schemes. We're going to add a Spry Menu Bar to the Photo Gallery page of our layout to accommodate the numerous sub categories of images we might have in that section of the site.

This tutorial will take you through the following tasks:

• Setting up a site definition - very important for ensuring that the Spry Widget works once you upload the files
• Inserting the Spry Menu Bar widget
• Customizing the menu items (link text) for each link and its sublinks
• Styling the menu

The CSS Starter Page Series:
The CSS Starter Page Series - Part 1: Faux-Column Images
The CSS Starter Page Series - Part 2: More Background Images
The CSS Starter Page Series - Part 3: Three-Column Fluid Background Images
The CSS Starter Page Series - Part 4: Rounded Corner Background Images
The CSS Starter Page Series - Part 5: Shadows and Rounded Corner Background Images
The CSS Starter Page Series - Part 6A: Adding Navigation Schemes
The CSS Starter Page Series - Part 6B: Adding Navigation Schemes Part Two
The CSS Starter Page Series - Part 6C: Adding Navigation Schemes Part Three
The CSS Starter Page Series - Part 7: Adding a Spry Menu Bar

...

Related Articles

• The CSS Starter Page Series Part 11: Adding a Handheld Style Sheet
• PHP Undo Delete Button in Dreamweaver
• Introducing CMX JumpStart: Stelvio Pass - Gallery
• CMX JumpStart: Stelvio Pass - Gallery
• Displaying Horizontal List Navigation in Dreamweaver's Design View
• The CSS Starter Page Series Part 10: Adding a Print Style Sheet
• YouTube Extension
• The CSS Starter Page Series - Part 9: Working with the Conditional Comment
• The CSS Starter Page Series Part 8: Managing Content with Spry
• Extending Dreamweaver CS4: Part 4 - Digg This!

• The CSS Starter Page Series Part 6c: Adding Navigation Schemes Part Three
• Extending Dreamweaver CS4: Part 2 - jQuery UI Calendar
• Extending Dreamweaver CS4 - Part 1: The TNC Lightbox
• Dreamweaver Built-In CSS Help Features - Part 3: CSS Layout Backgrounds
• The Adobe BrowserLab Web Service
• CMX JumpStart: Siberia
• Introducing CMX JumpStart Siberia
• Dreamweaver's Built-In CSS Help Features: Part 2 - CSS Layout Box Model
• Dreamweaver Built-In CSS Help Features - Part 1: CSS Layout Outlines
• The CSS Starter Page Series Part 6b: Adding Navigation Schemes Part Two