• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 3. Designing Web Pages > Adding a component to an existing Web page

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.

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

3.
Drag the icon of navbar.html in the Objects palette to the upper left corner of the page. Be sure to drop it above the image in the background.

Using icon in Objects palette to add component

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

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

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

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

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint