Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development

  • Print
  • + Share This
This chapter is from the book

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.

  • + Share This
  • 🔖 Save To Your Account