Edit the Standard Style Sheet

After completing this topic, you will be able to edit the Standard style sheet.

Steps:

1. 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 1

2. We 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 2

3. We have switched back to the Player view.

    

   You can use the Style Inspector to open a linked style sheet.

   Step 3

4. Click the Standard Style Sheet link to open the style sheet.

   Step 4

5. The 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 5

6. A 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 6

7. You 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 7

8. The 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 8

9. When 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 9

10. You 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 10

11. Notice the border around the name, indicating that the name is in edit mode.

    Step 11

12. Edit the Document Body style.

     

    Click the header for the Body style with 8 point margins.

    Step 12

13. You 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 13

14. Use the Font Size list to change the font size for the Document Body to 12 points.

     

    Click the Font Size list.

    Step 14

15. Click the 12 point list item.

    Step 15

16. The sample text in the preview pane changes to display the new style settings.

    Step 16

17. Expand the print style for the Document Body.

     

    Click the expand icon for the print style.

    Step 17

18. Use the Font Family list to change the font to Verdana, Geneva, sans-serif.

     

    Click the Font Family list.

    Step 18

19. Click the Verdana, Geneva, sans-serif list item.

    Step 19

20. Change the font size to 10 points.

     

    Click the Font Size button.

    Step 20

21. Click the 10 list item.

    Step 21

22. Save the Style Sheet.

     

    Click the Save button.

    Step 22

23. The 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 23

24. Select the Page Setup tab.

     

    Click the Page Setup tab.

    Step 24

25. If a web page is open, you may need to refresh it to view new changes to the style sheet.

     

    Click the View menu.

    Step 25

26. Click the Refresh command.

    Step 26

27. The Style Inspector shows that the font size is now set to 12 points instead of 10.

    Step 27

28. Change the Display to Print to view the changes.

     

    Click the Display button.

    Step 28

29. Click the Print list item.

    Step 29

30. Notice the font and font size changes.

    Step 30

31. Select the WordPad Training tab.

     

    Click the WordPad Training tab.

    Step 31

32. Select the Opening a Document topic.

     

    Click the Opening a Document topic.

    Step 32

33. Since 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 33

34. View the concepts for the Work with Views and Hiding and Displaying the Ruler documents.

     

    Click the Work with Views section.

    Step 34

35. Click the Hiding and Displaying the Ruler topic.

    Step 35

36. Both 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 36

37. Select the Page Setup tab.

     

    Click the Page Setup tab.

    Step 37

38. Change the Display to Player.

     

    Click the Display button.

    Step 38

39. Change the Display to Player.

     

    Click the Player list item.

    Step 39

40. Click in the Orientation heading.

    Step 40

41. This element has the Blue Verdana Heading 2 style applied.

     

    Click the Blue Verdana Heading 2 link in the Style Inspector.

    Step 41

42. Selecting 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 42

43. Expand the Blue Verdana Heading 2 style.

     

    Click the expand icon for the Blue Verdana Heading 2 style.

    Step 43

44. You 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 44

45. Make this style a default style using the toolbar.

     

    Click the Make Default button.

    Step 45

46. You can also add styles to the Standard style sheet. Add a Link style to the style sheet.

     

    Click the Add Style menu.

    Step 46

47. Click the Link list item.

    Step 47

48. Enter the desired information into the Style name field. Enter

     a valid value
     e.g.
     "Link1"
    .
    Step 48

49. Press [Enter].

    Step 49

50. Format the Link style with a Georgia, serif font.

     

    Click the Font Family button.

    Step 50

51. Click the Georgia, serif list item.

    Step 51

52. Notice the font change in the preview pane.

    Step 52

53. Close and save the Style Sheet.

     

    Click the Close button.

    Step 53

54. Click the Yes button.

    Step 54

55. Notice 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 55

56. Select 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 56

57. Notice that the headings now appear in blue text.

     

    Click the Hiding and Displaying the Ruler topic.

    Step 57

58. The 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 58

After completing this topic, you are able to edit the Standard style sheet.

Table of Contents  Start Topic