- Getting started
- Creating a new Web site
- Adding files to the Web site
- Creating a component to be used as a navigation bar
- Adding a layout grid
- Aligning and distributing multiple objects
- Adding text using a table
- Creating a custom color palette and adding color to text
- Specifying keywords
- Adding a component to an existing Web page
- Updating the custom color palette
- Designing a Web page using floating boxes
- Editing a component
- Previewing in GoLive
- Review questions
- Review answers
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.
In the Files tab of the site window, double-click appraise.html in the pages folder to open it.
In the Site Extras set () in the Objects palette, choose Components from the menu in the lower right corner.
Drag the icon of navbar.html in the Objects palette to the upper left corner of the page.
If necessary, scroll up to bring the beginning of the document into view.
In the Component Inspector, notice that the Page text box shows the path to navbar.html.
Choose File > Save to save appraise.html.
An icon of the component, navbar.html, appears in the Objects palette.
Be sure to drop it above the image in the background.
The navigation bar is added to the top of the page, and the Inspector changes to the Component Inspector.