Copy the navigation bar

Now that you've created a working navigation bar, you can reuse it in all of your pages. In this lesson, you'll copy the navigation-bar images and paste them into your second page.

There are a variety of other ways to reuse content in Dreamweaver, including library items, templates, and snippets. For more information on those topics, see Using Dreamweaver Help.

To copy the navigation bar into another page:

1. In the index.html file, select the Showroom rollover image.
2. In the tag selector, select the <div#row1> tag.

   The div tag containing the banner logo and the navigation-bar rollovers is selected.

3. Select Edit > Copy.
4. Switch to the news.html file.
5. Select the banner image at the top of the page.
6. In the tag selector, select the <div#row1> tag.
7. Select Edit > Paste.

   The navigation-bar rollover images are pasted into the file, along with the code needed to support the rollover behavior.

8. Save your news.html page.

Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/dreamweaver/mx2004/getting_started_en/gs_06_c6.htm

Add Comment