|
|
||
|
|
||
Since all site pages will share the same layout and menu, the easiest way to create them is to duplicate the already finished index page. Therefore, use the Save As option from the File menu of Dreamweaver, and save the page as products.ext and product_detail.ext (Remember to replace the .ext generic extension, as stated in the first section of the tutorial).
You should now have 3 files in your site structure: the index, products and product_detail pages. They have different names, but in terms of content they are still copies of the index page. In this section you will change the text they contain, so that each page will be different.
First off, open the products page in Dreamweaver. Erase all text in the second table cell and instead enter the following:
"Products: MX CSS Dynamic Menus".
Save the page and close it.
Open the product details page (product_detail) and erase all text in the second table cell. In its place type:
"MX CSS Dynamic Menus helps both developers and designers create dynamic and customizable menus".
Save the product detail page and close it. Upload all files to the remote folder and load the home page in the browser. When you'll try the menu options, the appropriate pages will load.
If you've followed the tutorial until now, the index page should look like in the image below:
In this tutorial you have learned how to create a customizable menu without using a database to provide the menu items. This is usefull when creating sites that do not use a database server to retrieve content, or simply you do not wish to have a dynamic menu.
Next, you can learn how to create a menu that uses a database, or how to create your own skin.
|
|
||
|
|
||