Use CSS Style Sheets

Dreamweaver

Dreamweaver’s WYSIWYG editor is quite simple to use. Click: [ Window ] / [ CSS Styles ]:

CSS Styles

Under the Properties section click the ‘Add New CSS ‘ Icon:

Add New CSS

You now have two basic options. You can modify an existing tag such as Heading 1 or you can create your own, called a Class.

Modify an existing tag.

If you want to modify an existing tag such as Heading 1 select ‘tag’ under the Selector Type. Then under the Tag dropdown box, navigate to h1:

New CSS Rule

Hit [ OK ]. Use the ‘CSS Rule Definition’ box choose what you want Heading 1 to look like.

To implement your style select the text you wish to be Heading 1. Under the properties tab (Ctrl F3) go to Format and select ‘Heading 1’.

Create your own class:

If you wish to create a new style select ‘Class’ under the ‘Selector Tpye’. Name your style without spaces. Hit [ OK ]. Next it will want you to save your style sheet. Name it ‘style.css’ Now using the ‘CSS Rule Definition’ box choose what you want your style to look like:

Css Rule Definition

Hit [ OK ] .

Select the text that you wish to implement you new style on. Under the properties tab (Ctrl F3) go to ‘style’ and select the name of your style.

For more help with Dreamweaver and CSS select ‘CSS Styles panel’ from the Dreamweaver Help Index.