Home > Articles

  • Print
  • + Share This

Creating Customized HTML Styles

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

  1. Choose Window->HTML Styles to display the HTML Styles palette [Figure 3.17].

  2. Click on the page icon in the bottom-right corner of the HTML Styles palette to create a new HTML style. All style options are presented in the Define HTML Style dialog box [Figure 3.18].

  3. NOTE

    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 Properties Inspector.

    TIP

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

  4. Assign a name to your new HTML style and specify the formatting options for your style. Click OK. Notice that the paragraph styles and selection styles have corresponding icons to the left of the style name in the HTML Styles palette [Figure 3.19].

  5. To share your HTML styles with other users, choose Window->Site Files to open the Site window and open the Library folder [Figure 3.20]. 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.

    TIP

    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 page icon in the lower-right corner of the HTML Styles palette to create a new style with your formatting.

    For information on creating a remote site and using Dreamweaver's Check-In/Check-Out function, see Chapter 14, "Managing Your Web Site."

  • + Share This
  • 🔖 Save To Your Account

Related Resources

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