Tutorial: Create a static menu that points to pages with dynamic content

By following this tutorial you will learn how to generate in your site a static CSS menu, using MX CSS Menus.  The tutorial regards the presentation of some software products (Dreamweaver extensions), but similar applications can be built for any other sites that need a menu: product catalog, online library, personal website etc.

Note: If your site is not a large one, it will not be difficult to make sure that the menu shows in every single site page (copying it there after generating it in one of the pages).  But if there are lots of pages, it will be time-consuming to insert (and maybe later on update) the menu in each page.  In the latter case, it's recommended that you build your site either using Dreamweaver templates, as shown here, or in a reusable-code manner, as shown here (using MX Includes).

For building this website you will:

 

The only Dreamweaver extension you need in order to follow this tutorial is:

The estimated completion time for this tutorial is about 45 minutes. It also depends on your authoring knowledge with Dreamweaver and MX CSS Menus.

Contents

Plan the dynamic content pages application

Add content in the site pages

Create the static menu in the home page

Display the static menu in all site pages