- Creating and Applying a Custom Style
- Exploring Style Settings
- Redefining the Heading 3 <h3> Tag
- Positioning a Layer with a Style
- Creating a Hyperlink Rollover
- Creating an External Style Sheet
- Transforming the Property Inspector
- Converting Styles to HTML Markup (<font> Tags)
- Saving HTML Markup as an HTML Style
- Summary
- Q&A
- Workshop
This chapter is from the book
This chapter is from the book
This chapter is from the book
Saving HTML Markup as an HTML Style
Use the HTML Styles panel, shown in Figure 15.17, to apply HTML styles to text in your Web page. Dreamweaver comes with a number of HTML styles already defined. These HTML styles do not require newer browser versions (Internet Explorer or Netscape 4.0 or later) to work so they are great to use when formatting text for a Web page viewable in older browsers.
){kind=link}
Figure 15.17 The HTML Styles panel enables you to apply styles that work with older browser versions.
To create a new HTML style
Select some text on your Web page first, if you'd like Dreamweaver to pick up the style of that text.
-
Select the New Style button (see Figure 15.17).
-
The Define HTML Style dialog box appears as shown in Figure 15.18. If you selected text, this dialog box should display the attributes of that text.
Select whether the style is applied to the selected text or an entire paragraph. Select the font and all other attributes that you want the HTML style to have.
Apply the HTML style by selecting text on the Web page and then selecting the HTML style in the HTML Styles panel.
){kind=link}
Figure 15.18 Set up HTML Style attributes in the Define HTML Style dialog box.
TIP
You can edit the HTML styles that are available in the HTML Styles panel by double-clicking the name of the HTML style while nothing is selected in the Web page.