To Documents

Styles in FrontPage

 

Adding a Document-level Style

  1. Go to page1.htm in Design View.

  2. Select main menu Format >> Style...

  3. Make sure that HTML Tags is selected in the List dropdown box. Select body in the Styles list box. Click the Modify button.

  4. Click the Format button.

  5. Select one of the options Font, Paragraph or Border to set the styles for the body.

      For example, go to Paragraph to the the font-family, font-style, font-size, color and effects.

      For example, go to Border >> Shading Tab >> Background Color to set the background-color property.

  6. Click OK on the Paragraph or Borders and Shading dialog.

  7. Repeat Steps 4 through 6 to set any other properties of the body tag.

  8. Click OK on the Modify Style dialog.

  9. Repeat Steps 2 through 8 to modify other tags like h1 or h2.

  10. Click OK on the Style dialog.

 

Creating an External Style Page

  1. Select main menu File >> New >> More Page Templates >> Style Sheets Tab >> Normal Style Sheet.

  2. Save the style sheet with the name stylesheet.css or any other name of your choice.

  3. Follow steps 2 through 10 of the Adding a Document-level Style to add or modify the styles in the external style sheet.

 

Attaching a Style Page

  1. Go to the HTML page to which you want to attach the style page. Go to any HTML page in your website if you want to attach the style page to all the HTML pages in the website.

  2. Select main menu Format >> Style Sheet Links. Select the radio button all pages or selected page(s), as you wish. Click the Add button on the Link Style Sheet dialog.

  3. Double click on stylesheet.css to add it to the webpage or website. Click OK on the Link Style Sheet dialog.

  4. Any time you make changes to a style sheet, resave it before you examine its effect on the HTML pages.