Creating a style sheet

If you want to integrate additional pages with a cascading style sheet (CSS), you need to customize either the style of the WebFacing project, or the cascading style sheet, to make them look alike. After you finish customizing the style sheet, you can use the Web Interaction wizard to create a detailed Web page, using the style sheet, to display information about store items, such as price and color. For the purposes of the module, you will incorporate the DetailPageResults.jsp style sheet from the SV000501 project. For future reference, however, you can manually customize the CSS file (outlined in the next section).

(Optional) Manually customizing the cascading style sheet

As mentioned previously, rather than incorporating the DetailPageResults.jsp style sheet from the SV000501 project for Project501, you can customize your own style sheets:

  1. Switch to the Project Navigator view and expand Project501 > Web Content > styles > apparea.
  2. Double-click apparea.css to open it in the CSS Designer. This style sheet controls the appearance of your application area.
  3. Modify and save the file.
  4. Back in the Project Navigator view, navigate to Project501 > Web Content > styles > chrome.
  5. Double-click avenue.css to open it in the CSS Designer. This style sheet controls the appearance of the entire page.
  6. Modify and save the file.


[ Top of Page | Previous Page | Next Page | Table of Contents ]