Exercise 11.3: Linking a cascading style sheet to a Web page

Before you begin, you must complete Exercise 11.2: Working with page properties.

Now you will add a style to the Web page. You can use a style that is used in your company or you can use one of the sample style sheets that are provided in the product.

Next you open the Gallery view in the workbench.

To link a style sheet:
Page Designer, linking a style to the web page

  1. Click the Gallery tab, if the Gallery view isn't already displayed.
  2. Scroll to the bottom of the Gallery view, until you can see the Style Sheet icon.
  3. Click the Style Sheet icon, to select it.
  4. Click the Thumbnails tab on the right bottom pane in the workbench.

    You should see thumbnail icons of all the styles available.

  5. In the thumbnail view, scroll down to the bottom, until you see style sheet waves001.css in the list, or select a style sheet that you like best.
  6. Click the thumbnail picture of waves001.css with the left mouse button.
  7. Hold the left mouse button down and drag the cursor to the Page Designer window.
  8. The cursor will change from this shape , to this shape . When the latter cursor shape appears in the Page Designer window, release the left mouse button.

    After a short while the Style sheet properties will be applied and the colors in the page will change to the style sheet definitions.

You have added a style to the Order Entry Web page and now you are ready to begin Exercise 11.4: Designing and adding a logo.