Master / Template Spry Menu?

Question

I am new to Dreamweaver, teaching myself through online tutorials and have faired pretty well until now.
I have been building a website as a digital porfolio and now that I have more pages, managing the spry menu I initally created is becomeing more difficult.
So far, every time I add a page I update the spry menu bar on the main page, then copy and paste it onto all the pages that have the same menu and then re-upload every page to the internet. (Very Tedious)
I would like to create a master or template spry menu bar, that I can update that will automaticlly update on all pages using the same menu.
All the tutorials I have found have been on how to crate and poupulate the menu, so if someone could dirrect me to a tutorial more fit for what I'm trying ot achieve, I owuld be greatly appreciative.
If you like you can look at hte menubar I am refferign to at http://mgarito.com/Portfolio/Portfolio.html (only the tabs Graduate and Undergard have been populated with data thus far)

Answer 1

Heya Michael,
It may be that you're not using the correct file directory to point to your include file. If MenuBar.php is in the root of your site and the include is in a different directory you may have to insert the include with preceding ../ to point to the include file in a higher directory.
<?php include("../../spry_menu.php"); ?>
Also in MenuBar.php insert only the spry menu code not the doctype, head, body, etc. what I'd do is put the head js and css in the pages you have the menu bar and just put this in MenuBar.php
<ul id="PortfolioMenuBar" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="http://mgarito.com/Portfolio/Graphic/PlexiPlates/PlexiPlates.html">Graduate</a>
      <ul>
        <li><a href="http://mgarito.com/Portfolio/Graduate/TransbayHSR/TransbayHSR.html">Transbay HSR</a></li>
        <li><a href="http://mgarito.com/Portfolio/Graduate/Firefly/Firefly.html">Firefly</a></li>
        <li><a href="http://mgarito.com/Portfolio/Graduate/Gem/Gem.html">Gem</a></li>
        <li><a href="http://mgarito.com/Portfolio/Graduate/LiveWork/LiveWork.html">Live / Work</a></li>
      </ul>
  </li>
  <li><a href="#" class="MenuBarItemSubmenu">Undergrad</a>
      <ul>
        <li><a href="http://mgarito.com/Portfolio/Undergraduate/NYC/NYC.html">NYC Gateway</a></li>
        <li><a href="http://mgarito.com/Portfolio/Undergraduate/ReadingRoom/ReadingRoom.html">Reading Room</a></li>
        <li><a href="http://mgarito.com/Portfolio/Undergraduate/AfricanArtMuseum/AfricanArtMuseum.html">African Art Museum</a></li>
        <li><a href="http://mgarito.com/Portfolio/Undergraduate/DoorWindowStair/DoorWindowStair.html">Door Window Stair</a></li>
      </ul>
  </li>
  <li><a class="MenuBarItemSubmenu" href="#">Lighting</a>
      <ul>
        <li><a href="#" class="style8">Welded Wire Lamp</a> </li>
        <li><a href="#">Tower Lamps</a></li>
        <li><a href="#">Cantilever Lamp</a></li>
      </ul>
  </li>
  <li><a href="#" class="MenuBarItemSubmenu">Furniture</a>
      <ul>
        <li><a href="http://mgarito.com/Portfolio/Furniture/Easel/Easel.html">Easel</a></li>
      </ul>
  </li>
  <li><a href="#" class="MenuBarItemSubmenu">Fashion</a>
    <ul>
      <li><a href="http://mgarito.com/menubartest2.php">Accessories</a></li>
      <li><a href="http://mgarito.com">Clothing</a></li>
    </ul>
  </li>
  <li><a href="#" class="MenuBarItemSubmenu">Graphic</a>
      <ul>
        <li><a href="http://mgarito.com/Portfolio/Graphic/PlexiPlates/PlexiPlates.html">Plexi Plates</a></li>
        <li><a href="http://mgarito.com/Portfolio/Graphic/Pastel/Pastel.html">Pastel</a></li>
      </ul>
  </li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("PortfolioMenuBar", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>