In the last tutorial of the CS5 CSS Starter Page series, we finally completed the Yukon layout. In doing so, the mysteries of the fixed-width CSS Starter Pages in Dreamweaver CS5 were de-mystified. With that behind us, it's time to go outside the box, and start to extend various aspects of the design. The first one we'll tackle is the navigation. We're going to transform the vertical buttons into a horizontal navigation bar.

This tutorial includes starter files so that you can play along with the steps, and completed files so you can compare your work.

The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems
The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation...

Related Articles

• The CS5 CSS Starter Page Series Part 13: Adding a Gallery
• The CS5 CSS Starter Page Series Part 12: Adding a Data Table
• Homework and Exams: A Dreamweaver/Fireworks Midterm
• The CS5 CSS Starter Page Series - Part 11: Creating the Template
• The CS5 CSS Starter Page Series - Part 10: Making it Your Own
• The CS5 CSS Starter Page Series - Part 9: Quality Assurance
• The CS5 CSS Starter Page Series - Part 8: Adding a Custom Font
• From CPanel to Dreamweaver - Getting Your MySQL On!
• Quick Shot - Check for Existing User Names On a Sign Up Form
• The CS5 CSS Starter Page Series - Part 7: Adding CSS3 Pods

• The CS5 CSS Starter Page Series Part 5: Adding Navigation Systems
• The CS5 CSS Starter Page Series Part 4: Refining Details with CSS
• Creating a Site in Dreamweaver CS5
• The CS5 CSS Starter Page Series Part 3: Structuring with CSS
• Introducing CMX JumpStart Brasilia
• CMX JumpStart: Brasilia
• The CS5 CSS Starter Page Series - Part 2: Marking up the Page
• The CS5 CSS Starter Page Series Part 1: The Yukon
• Dreamweaver CS5 Features Part 1: The All New CSS Starter Pages
• Introducing CMX JumpStart Beijing