Accessibility
 
Home > Products > Dreamweaver > Support > Designing Page Layout
Dreamweaver Icon Macromedia Dreamweaver Support Center - Designing Page Layout
Creating an HTML Style

You can create styles two ways: you can format the text in the document then create a style based on the selected text or you can create a style in the HTML Styles panel by selecting the formatting attributes you want to apply.

To create an HTML style from formatted text:

1 In the Dreamweaver document type some text and then use the Property inspector to format it.
2 Place the cursor in the paragraph of the text that you want to create a style for, and then click the New Style icon located at the bottom of the HTML Styles panel.
The Define HTML Style dialog box appears.
Notice the font attributes in the Define HTML Style dialog box match the font attributes in the Property inspector.
3 In the Define HTML Style dialog box, in the Name field type a name for the style.
4 Under Apply To, select how this style will be applied by doing one of the following:
To set a selection style, select Selection.
To set a paragraph style, select Paragraph.
5 Click OK to set the font attributes.
Next, you'll see how to create the same style in the HTML Styles panel.

To create an HTML style in the HTML Styles panel:

1 In the HTML Styles panel, click the New Style icon.
The Define HTML Style dialog box appears.

2 In the Name field, type a name that will help you easily identify the style when it is displayed in the HTML Styles panel, such as blue header.
3 Under Apply To, do one of the following:
Select Paragraph to define a style you can apply to a paragraph.
Select Selection to define a style you can apply to text you've selected.
4 Under When Applying, accept the default setting, Clear Existing Style to clear formatting of the selected text before applying this style.
5 Under Font Attributes, use the pop-up menus to select the formatting you want to apply. To match the attributes of the example, select the following attributes:
Font: Arial, Helvetica, sans-serif
Size: 4
Color: #000099
For Style, click I to select italic
6 Click OK.
The new style is added to the HTML Styles panel.
To Table of Contents Back to Previous document Forward to next document