How To add a menu item

  • Artigo

For this example I'm going to create a new menu item called "test" on the "small business 1" template

1. Open your web site in Expression Web and create a new folder in your web site called "test" (w/o the quotes)
2. Create a new html file in this folder called "test.htm" (w/o the quotes)
2. Open the master.dwt file
3. In code view find the Unordered List that contains the menu items.
    <div id="navigation">
    <ul>
        <li><a href="default.html">Home</a></li>
        <li><a href="about/about.htm">About</a></li>
        <li><a href="news/news.htm">News</a></li>
        <li><a href="products/products.htm">Products</a></li>
        <li><a href="services/services.htm">Services</a></li>
        <li><a href="calendar/calendar.htm">Calendar</a></li>
        <li><a href="contact/contact.htm">Contact</a></li>
    </ul>
    </div>
4.  Copy the last list item <li> and paste it directly below itself.  Now change the location of the file to the one you created and the name of the menu item.  Your code should now look like this.
    <div id="navigation">
    <ul>
        <li><a href="default.html">Home</a></li>
        <li><a href="about/about.htm">About</a></li>
        <li><a href="news/news.htm">News</a></li>
        <li><a href="products/products.htm">Products</a></li>
        <li><a href="services/services.htm">Services</a></li>
        <li><a href="calendar/calendar.htm">Calendar</a></li>
        <li><a href="contact/contact.htm">Contact</a></li>
        <li><a href="test/test.htm">Test</a></li>
    </ul>
    </div>

5.  Save the master.dwt and select "yes" when it prompts you to update the attached pages.

Your menu should now look like this.

image

Comments

  • Anonymous
    April 26, 2013
    This works fine. IF I try to do the same in the design modus, then de copied menu item keeps following the hyperlink of the source which is copied from. Do I miss something, or is adding menu items only possible in code view?