Using Built-In CSS Layouts

A CSS page layout uses the Cascading Style Sheets format, rather than traditional HTML tables or frames, to organize the content on a web page. The basic building block of the CSS layout is the div tag that acts as a container for text, images, and other page elements, as you did in the previous activity. Creating CSS layouts from scratch can be difficult because there are so many ways to do it. Using the pre-designed CSS layouts that come with Dreamweaver is the easiest way to create a page with a CSS layout.

Defining the Dreamweaver Site
Create a One Column Page with a CSS Layout
Add an Image to the Header and Footer
Change the Background Color and Font
Inserting a Spry Menu Bar
Save Your Own Copy of the Style Sheet
Changing the Font and Width of a Horizontal Spry Menu Bar
Changing the Colors of a Horizontal Spry Menu Bar
Adding Borders to the Menu Items
Add Text to the Menu
Photoshop Activities
Create a Flash-Based Web Gallery for Your Photoshop Graphics
Add Personal Reflections
Attach the Six Photo Gallery Pages to the Spry Menu

Nicholson's Lesson Plan Blues