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.

Adding a component to an existing Web page

Now you'll update the design of an existing Web page that you've already added to the Web site. The page provides information on how viewers can get their guitars appraised by Gage Vintage Guitars. First you'll add the navigation bar to the top of the page, and then you'll update the site's Colors tab with colors used on the page.

Currently the Appraisal page doesn't contain the navigation bar for the site. You'll add the navigation bar using the component you created earlier in this lesson. You've already learned how to add a component by first adding a component placeholder to the page. Now you'll learn how to add a component without using a placeholder.

  1. In the Files tab of the site window, double-click appraise.html in the pages folder to open it.

  2. In the Site Extras set () in the Objects palette, choose Components from the menu in the lower right corner.

  3. An icon of the component, navbar.html, appears in the Objects palette.

  4. Drag the icon of navbar.html in the Objects palette to the upper left corner of the page.

    Figure 43Using icon in Objects palette to add component

  5. Be sure to drop it above the image in the background.

  6. If necessary, scroll up to bring the beginning of the document into view.

  7. The navigation bar is added to the top of the page, and the Inspector changes to the Component Inspector.

  8. In the Component Inspector, notice that the Page text box shows the path to navbar.html.

  9. Choose File > Save to save appraise.html.

11. Updating the custom color palette | Next Section Previous Section