Home > Articles > Graphics & Web Design > Dreamweaver & Flash

  • Print
  • + Share This
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.

Figure 15.17 The HTML Styles panel enables you to apply styles that work with older browser versions.

To create a new HTML style

  1. Select some text on your Web page first, if you'd like Dreamweaver to pick up the style of that text.

  2. Select the New Style button (see Figure 15.17).

  3. 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.

  4. Figure 15.18 Set up HTML Style attributes in the Define HTML Style dialog box.

  5. 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.

  6. Apply the HTML style by selecting text on the Web page and then selecting the HTML style in the HTML Styles panel.

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.

  • + Share This
  • 🔖 Save To Your Account