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 For Your Style Sheet:
CSS is a great tool because you can make an infinite number of styles for nearly anything on a web page. You can make a style just for headings, links, table borders, or just about anything you can imagine. Using the “Design” panel in Dreamweaver MX, you can easily make new styles.

On the “Design” panel, click on the icon “New CSS Style” (it looks like a piece of paper with a + sign).

The following window will appear:

Give your style a unique name in the text box. REMEMBER: 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.” This means that you will be making a style from scratch. Click the “OK” button. The “CSS Style Definition” window will appear.

At this point, you can use the various menus to make your very own style. This may take some getting use to, but you will eventually be able to figure out which styles create what effects. Most of the categories are self-explanatory, so deciding what style to make should not be too hard. Keep in mind that any style can have as many attributes as you want, but you shouldn’t make any one style too cluttered. You can make as many styles as you want to control different formatting and style elements.

Once you create a style, click on the “OK” button. This will automatically save your new style in the style sheet, and you will see it listed in the “Design” panel at this point.

>> next