In the last installment of the CSS Starter Page series you got to use a Spry Menu Bar on the "Spring is Here" design. Now in this tutorial you'll use another Spry Widget to manage content. You will use the Spry Accordion Panel to economize on the space a gallery of images would take in the content area of the page. You'll also learn how to add a print style sheet that will allow the content in the closed panels to print as well as the focus panel.

This tutorial includes starter and completed project files.

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
The CSS Starter Page Series - Part 8: Managing Content with Spry...

Related Articles

• CMX JumpStart: Berlin
• Extending Dreamweaver CS4: Part 5 - Phatfusion Image Menu
• 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

• Extending Dreamweaver CS4: Part 4 - Digg This!
• Extending Dreamweaver CS4: Part 3 - Phatfusion SortableTable
• The CSS Starter Page Series Part 7: Adding A Spry Menu Bar
• 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