Welcome to Part 6 of the Building a website with Web Premium CS4 tutorial series. You'll begin where you left off in Part 5 and start working with Dreamweaver CS4 to add some new CSS styles to format the text and position the elements on the home page. More specifically, you'll complete the following tasks:

• Update the page properties to add a title and background color.
• Incorporate the placeholder text from the original design into the home page.
• Add formatting styles and apply them to specific HTML tags.
• Create custom classes to add rules that will affect elements that reoccur on the page.

Note: If you wish to skip the previous sections of this series and begin this tutorial with this part, download the sample files provided below to follow along. Otherwise, you can use the HTML page home.htm that you exported from Fireworks CS4 when you completed Part 5. The steps in this tutorial assume that you've installed the web server and application server as described in Part 2, and defined a Dreamweaver site pointing to the directory on your hard disk where the local site files will be stored.

Requirements

In order to make the most of this article, you'll need the following software and files:

Dreamweaver CS4

• Try
• Buy

Sample files:

• adventuretours_pt_6_starter.zip (ZIP, 1.5 MB)
• adventuretours_pt_6_solution.zip (ZIP, 1.5 MB)

Prerequisite knowledge

Prior experience working with Dreamweaver. Some experience coding with HTML and CSS coding is also helpful.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

Page 1 of 6

Next Page

About the author