Introduction | Opening the Program | Different Views | Program Layout | Panels: 1 - 2
The Insert Bar: 1 - 2 - 3 - 4 - 5 | Creating a New Page | Opening a Page | Multiple Pages with Similar Styles
Page Properties | Text & Text Properties | Checking Spelling | Style Sheets: 1 - 2 - 3 - 4 - 5 - 6 - 7
Tables: 1 - 2 - 3 | Images: 1 - 2 - 3 - 4 - 5 | Links: 1 - 2 - 3 - 4 - 5
Publishing: 1 - 2 - 3 - 4 - 5 - 6 | Templates: 1 - 2 - 3 - 4 | Collaboration: 1 - 2 - 3
Outside References

Create a New Style Sheet in the Design Panel:
If you never made a style sheet before, don’t worry. You can make one using the “Design” panel in Dreamweaver MX 2004. Alternatively, you can chose to hand-code a style sheet, save it, and apply it to a web page (see farther below for more information on this). For now, let’s discuss how to make a style sheet within Dreamweaver’s “Design” panel, without having to do any hand-coding.

In the “Design” panel, click on the “New CSS Style” icon.

You will then be taken to the “New CSS Style” window.

Give your style a unique name in the text box. NOTE: Your style MUST begin with a period (“.”), and cannot have any spaces in between words. A good way to differentiate between words without using spaces is by capitalizing the first letter in each work. However, the first word in the name should be lowercase. An example of a good name for a style would be “.smallHeading”. For “Type,” select “Class.” Click the “OK” button.

The “Save Style Sheet As” window will now appear. Give your style sheet a unique name, and be sure to end it with “.css”. When you click “Save,” a new style sheet file will be saved, and you can begin to create your own styles. For more information on how to make a style, skip the next section, and go to “Create a New Style For Your Style Sheet.”

>> next