• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 10. Creating HTML Styles > Creating New Styles

Creating New Styles

There are several ways to create your own HTML style. One way is to select some text you have formatted as you like, and then save that formatting as a style. Another way is to create a style from scratch using the Define HTML style dialog box. And to create two similar styles, you can make a copy of an existing style, and then make changes to the copy.

To save formatting as a style:

1.
In the Document window, open a page that includes text formatting you want to reuse.

or

Make some changes to a paragraph or a selected piece of text using the Property inspector. For example, in Figure 10.5, I clicked within the first paragraph and applied the Heading 2 format and centered it; then I applied the Georgia font face, and changed the font color to maroon.

Figure 10.5. I modified this paragraph to have the formatting you see. Now I want to save the attributes as a style so I can apply them again and again.


2.
Click within your text selection or paragraph, and then click on the New Style button on the bottom of the HTML Styles panel (Figure 10.6).

Figure 10.6. Click on the New Style button on the bottom of the HTML Styles panel.


The Define HTML Style dialog box will appear (Figure 10.7).

Figure 10.7. All my formatting appears in the Define HTML Style dialog box.


3.
The Define HTML Style dialog box will show the formatting applied to your text. For example, if you made the text blue, the Color button will be blue.

Type a memorable style name (such as Caption or BlueHed) in the Name text box.

4.
Click the radio button for Selection or Paragraph, depending on whether you want to create a character or a paragraph style.

When you apply a paragraph style, you can also apply paragraph formatting. Select an option such as Paragraph or a Heading size from the format drop-down menu, or select None to allow the style to be applied to more than one type of text block.

5.
The name of your style will appear in the HTML Styles panel (Figure 10.8). Now you can apply it to other pieces of text.

Figure 10.8. Now my new style, which I named AHead, appears in the HTML Styles panel.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint