After completing this topic, you will be able to edit the Standard style sheet.
Steps:
Notice the font size formatting in the Page Setup web page. The Standard style sheet uses a 10 point font for the document body style.
Step 1We have changed the Display setting to Print. Notice that that web page uses a Times New Roman 10 point font for print output.
This format is controlled by the print setting for the document body style in the Standard style sheet.
Step 2We have switched back to the Player view.
You can use the Style Inspector to open a linked style sheet.
Step 3Click the Standard Style Sheet link to open the style sheet.
Step 4The Standard style sheet opens in the Style Editor with the Style Inspector toolpane displayed.
The style sheet opens with all parent styles expanded, but with print and language style variations collapsed.
Step 5A bordered header appears for each style. The name of the style appears on the left side of the header. The style's element type, such as Paragraph or Table, appears on the right side of the header.
Each style includes a preview pane under the style header that displays sample text with the current style attributes applied.
Step 6You can use the buttons on the toolbar to collapse and expand all headers.
Collapse all styles to their headers.
Click the Collapse All button.
Step 7The default styles are indicated with bold text and the [default] label and icon on the right side of the headers.
Default styles are automatically applied when you add that element to a web page. For example, when you add a new table to a web page linked to the Standard style sheet, the table automatically uses the Gray header with border style.
Step 8When you select a header, the header turns blue, indicating it is the active style for editing. Only one style can be selected for editing at a time.
Select the default Paragraph style.
Click the Paragraph with 8 point margins header.
Step 9You can change the name of a style by clicking the style name in the header.
Click in the Paragraph with 8 point margins style name.
Step 10Notice the border around the name, indicating that the name is in edit mode.
Step 11Edit the Document Body style.
Click the header for the Body style with 8 point margins.
Step 12You can use the expand and collapse icons in the style headers to expand and collapse individual styles.
Expand the Document Body style.
Click the expand icon in the header for the Body style with 8 point margins style.
Step 13Use the Font Size list to change the font size for the Document Body to 12 points.
Click the Font Size list.
Step 14Click the 12 point list item.
Step 15The sample text in the preview pane changes to display the new style settings.
Step 16Expand the print style for the Document Body.
Click the expand icon for the print style.
Step 17Use the Font Family list to change the font to Verdana, Geneva, sans-serif.
Click the Font Family list.
Step 18Click the Verdana, Geneva, sans-serif list item.
Step 19Change the font size to 10 points.
Click the Font Size button.
Step 20Click the 10 list item.
Step 21Save the Style Sheet.
Click the Save button.
Step 22The Save Document dialog box opens indicating that the Standard style sheet is not checked out to you.
Confirm the Style Sheet checkout and save the changes.
Click the Yes button.
Step 23Select the Page Setup tab.
Click the Page Setup tab.
Step 24If a web page is open, you may need to refresh it to view new changes to the style sheet.
Click the View menu.
Step 25Click the Refresh command.
Step 26The Style Inspector shows that the font size is now set to 12 points instead of 10.
Step 27Change the Display to Print to view the changes.
Click the Display button.
Step 28Click the Print list item.
Step 29Notice the font and font size changes.
Step 30Select the WordPad Training tab.
Click the WordPad Training tab.
Step 31Select the Opening a Document topic.
Click the Opening a Document topic.
Step 32Since the Document web page linked as a concept also links to the Standard style sheet, the changes to the style sheet affect the web page.
Changes to a style sheet affect all web pages linked to the style sheet.
Step 33View the concepts for the Work with Views and Hiding and Displaying the Ruler documents.
Click the Work with Views section.
Step 34Click the Hiding and Displaying the Ruler topic.
Step 35Both web pages use the Heading 2 format, but do not have the Blue Verdana Heading 2 style from the Standard style sheet applied.
The Standard style sheet does not have a default Heading 2 style, so these web pages, and all other web pages linked to the Standard style sheet, use the browser settings for Heading 2 elements.
Step 36Select the Page Setup tab.
Click the Page Setup tab.
Step 37Change the Display to Player.
Click the Display button.
Step 38Change the Display to Player.
Click the Player list item.
Step 39Click in the Orientation heading.
Step 40This element has the Blue Verdana Heading 2 style applied.
Click the Blue Verdana Heading 2 link in the Style Inspector.
Step 41Selecting a style link from the Style Inspector in the Web Page Editor automatically opens the style sheet, if it is not open, and selects the style.
Step 42Expand the Blue Verdana Heading 2 style.
Click the expand icon for the Blue Verdana Heading 2 style.
Step 43You can make a style the default style by using either the Make Default button in the toolbar or by clicking the style's element name in the right side of the style header.
Step 44Make this style a default style using the toolbar.
Click the Make Default button.
Step 45You can also add styles to the Standard style sheet. Add a Link style to the style sheet.
Click the Add Style menu.
Step 46Click the Link list item.
Step 47Enter the desired information into the Style name field. Enter
Press [Enter].
Step 49Format the Link style with a Georgia, serif font.
Click the Font Family button.
Step 50Click the Georgia, serif list item.
Step 51Notice the font change in the preview pane.
Step 52Close and save the Style Sheet.
Click the Close button.
Step 53Click the Yes button.
Step 54Notice the font change to the text links. Since the Link1 style is set as a default, all links in web pages use this formatting.
Step 55Select the WordPad Training tab and view the concepts for the Work with Views and Hiding and Displaying the Ruler documents.
Click the WordPad Training tab.
Step 56Notice that the headings now appear in blue text.
Click the Hiding and Displaying the Ruler topic.
Step 57The Blue Verdana Heading 2 style is applied to the Heading 2 elements in both concepts.
Since this style is now the default style, it is not necessary to manually apply it. The default style is now applied to all new and existing Heading 2 elements that do not have another style or direct formatting applied.
Step 58After completing this topic, you are able to edit the Standard style sheet.