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

  • Print
  • + Share This

Creating Customized HTML Styles

With the HTML Styles panel, you can define your own customized HTML styles. All the formatting options for the styles are selected from a single dialog box. You specify all the standard HTML formatting options you're accustomed to, and then apply multiple formatting features at one time by simply selecting the style from the HTML Styles panel. You can create paragraph styles that apply to entire paragraphs of text and selection styles that apply only to the selected text.

  1. Select WindowfiHTML Styles to display the HTML Styles panel.

  2. Figure 5.21 Dreamweaver comes with some pre-installed HTML styles. You can modify any of these except the Clear Paragraph Style and Clear Selection Style Option. These two are not actually HTML styles, but instead enable you to remove HTML style formatting from text.

  3. Click the plus (+) icon in the bottom-right corner of the HTML Styles panel to create a new HTML style. All style options are presented in the Define HTML Style dialog box.

  4. Figure 5.22


    To edit an existing HTML style, double-click the style in the HTML Styles panel.

    If you want to create an HTML style based on some text you've already formatted on your Web page, simply select the formatted text, and then click the plus (+) icon in the lower-right corner of the HTML Styles panel to create a new style with your formatting.

  5. Assign a name to your new HTML style and specify the formatting options for your style; then click OK. Notice that the paragraph styles and selection styles have corresponding icons to the left of the style name in the HTML Styles panel.

  6. Figure 5.23 Check the Apply check box to automatically apply HTML styles when they're selected. If you leave this box unchecked, you must click the Apply button to apply HTML styles to text.

  7. To share your HTML styles with other users, select WindowfiSite Files to open the Site window and open the Library folder. The file named styles.xml contains all the styles for your site. This file can be edited, checked in and out, and shared with other users working on your site.

  8. Figure 5.24


You can use Clear Paragraph Style and Clear Selection Style to remove paragraph formatting regardless of whether you used the HTML styles to format the text or the Property inspector.

For information on creating a remote site and using Dreamweaver's Check-In/Check-Out function, refer to Chapter 2, "Setting Up Your Site in Dreamweaver."

  • + Share This
  • 🔖 Save To Your Account

Related Resources

There are currently no related titles. Please check back later.