Exercise 9.8: Changing the text color

Before you begin, you must complete Exercise 9.7: Adding moving text to the page.

Sometimes you want to change the text color. There is an easy way to apply another color to certain areas of text. To do that you return to the Design page.

To change the text color:

  1. Click the Design tab.
    Change text color
  2. Select the company text (IBM) you want to change color on, by swiping the text area with the mouse cursor.

    Below the Page Designer window there are several tabs.

  3. Click the Colors tab.

    If you don't see the Colors tab, click Windows > Show View > Colors from the Workbench menu.

  4. Select a color from the Color palette.
  5. Click Text color from the Color menu.
  6. Click Set as Text Color on the pop-up menu.

    You are done; now the selected text will be displayed with the color you selected for it.

  7. Click the Preview tab to view your completed page.
  8. Save the file inquiry.jsp.
    Preview with text color changed
  9. Exit Page Designer.
  10. In the Project Explorer expand the WSSLABxx folder.
  11. Expand the Web content folder.
  12. Right-click inquiry.jsp.
  13. Click Run > Run on server on the pop-up menu.

    Your new designed input page opens and you can run your Web application.
    Run on Server

You have applied color to certain areas of text on the input page.

Module recap

You have completed Module 9. Enhancing the input page using Web tools. You have learned how to:

Finish your tutorial by reviewing the materials in Summary.