Linking to webpages in Dreamweaver

This entry is part 12 of 20 in the series Dreamweaver CS5 Tutorial

Now that all our pages have been created we can link them from the main menu and the footer menu.

Since our menus are in the template, let’s open the template file and create the links to the webpages in Dreamweaver.

If your template file is not already open, double click on template.dwt in the Files panel.

  • Click on the  ‘Home’ image in the menu area to select it:
  • In the Properties panel link to index.html, by clicking on the folder icon next to the Link field and then selecting index.html.
  • Type 0 (zero) in the Border field otherwise there will be a blue border around the menu image.
  • Similarly select the other 3 menu images and link them to the respective files.
  • The main menu navigation is now ready.
  • Save the template and all the website files created from the template [File > Save All]
  • In the Update Template Files window click the Update button. This will update all the site pages that were created from this template so you don’t need to go into each page and make the changes again and again. This is the main advantage of using a Dreamweaver template as a base for all your website files.
Series Navigation Webpages in DreamweaverStyles for text links in Dreamweaver

Posted in Dreamweaver | No Comments »