Home / Articles / Designing Adobe GoLive Web Pages

Designing Adobe GoLive Web Pages

Chapter Description

Adobe GoLive provides you with a variety of tools for laying out your Web pages. It also provides you with several ways to quickly add objects and apply colors frequently used in your Web site, saving you both time and effort. In this lesson, you’ll explore the various tools for page layout as you work on the design of three Web pages.

Updating the custom color palette

If you scroll down the appraise.html page you just added, you'll notice the colors that have been applied to the background of the page, and the first and second columns of the table on the page. (You'll learn how to do this in the next lesson.) Now you'll update the Colors tab in the site window with colors used in the site that aren't already listed. To update the Colors tab, you first need to close any pages in the site.

  1. Make sure that you close any pages that are open.

  2. In the site window, click the Colors tab to bring it to the front. Then choose Site > GetColors Used.

    Figure 44Updated custom color palette

  3. New site colors are added to the New Colors folder in the Colors tab as untitled colors. The site colors that have been added are ones used on the Appraisal page.

    Now you'll name each of the new untitled site colors according to how they're used on the Appraisal page.

  4. Click in the blank space outside the selected colors to deselect them.

  5. Click the name of the green untitled color to select it. Enter column2 to rename the color. This is the color used in the second column of the table.

  6. Change the name of the khaki untitled color to page (the background page color), and change the name of the cream untitled color to column1 (the color used in the first column of the table).

  7. Now you'll change the name of the New Colors folder to one specific to the site.

  8. In the site window, click the name of the New Colors folder to select it. Enter Gage Colors to rename the folder.

  9. Choose File > Save to save your work.

12. Designing a Web page using floating boxes | Next Section Previous Section