The Menu Elements

In order to create a menu, the first thing you are going to need is a reason: If you don't have any content, there isn't any reason to create a navigation menu. We are going to work on navigation structure for a band "Fansite". So, choose your favorite band or music artist now!

The basic elements for the example web site will be an index page, a discography, audio samples, pictures, and tour news. If you have your own ideas about what to include (such as a lyrics page), by all means customize your site. After you decide on the separate pages create them!

At the top of each page, create a simple row of links: example here

Start a new CSS document attached to the index page

  1. With the index page open, click the New CSS Rule button
  2. Choose the Advanced radio button
  3. Type in the custom selector id: #topmenu and click OK to start a new CSS file

Dreamweaver prompts you to save your new Style Sheet. It's best to keep it organized in the same folder as the band web page files. I called mine main:

Now define a rule. Choose the Background Category, select a Background color, then click OK.