In the second installment of the new Dreamweaver CS5 CSS Starter Page series, we divided the page into sections by using the DIV element. We added links in an unordered list, added text and headings, and inserted the logo image. Now that the "hooks" are in place, it is time to code the styles that will manipulate the structure into columns.

This tutorial includes starter files so you can try the exercises, and it includes a completed layout in case you need to 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...

Related Articles

• 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 6: Converting to Horizontal Navigation
• 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

• 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
• CMX JumpStart: Beijing
• Introducing CMX JumpStart Agra
• CMX JumpStart: Agra
• The CSS Starter Page Series Part 13: Designing with a Grid