Home / Articles / Designing Web Pages

Designing Web Pages

  • Sample Chapter is provided courtesy of Adobe Press.
  • Date: Jul 24, 2006.

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.

  1. In the Files tab of the site window, double-click appraise.html in the pages folder to open it.
  2. If you can't see the contents of the Components folder, make sure the right pane of the site window is displayed and click on the Extras tab. Click the plus sign (Windows) or the arrow (Mac OS) next to the Components folder. Navbar.html appears under the Components folder.
  3. Drag a Component icon from the Smart Objects set of the Objects palette. Be sure to drop it above the image in the background. In the Component Inspector drag from the pick whip to navbar.html in the Component folder.
  4. In the Component Inspector, notice that the Source reference box shows the path to navbar.html.
  5. Choose File > Save to save appraise.html.
9. Updating the custom color palette | Next Section Previous Section

There are currently no related articles. Please check back later.