Linking to webpages in Dreamweaver
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.
Dreamweaver CS5 Tutorial
- Dreamweaver Cs5 Tutorial
- Define Site
- Dreamweaver CS5 Template
- Dreamweaver Website Layout
- CSS Layout – Dreaweaver CS5
- Dreamweaver CS5 Website Header
- Dreamweaver DIV/ CSS Layout
- Dreamweaver Menu
- Editing Styles in Dreamweaver
- Editable Regions in Dreamweaver Template
- Webpages in Dreamweaver
- Linking to webpages in Dreamweaver
- Styles for text links in Dreamweaver
- Web Page Content
- Text Styles in Dreamweaver
- Heading Styles | Dreamweaver
- Contact Forms | Dreamweaver
- Form Styles | Dreamweaver
- Test Website | Dreamweaver
- FTP/ Upload Files to Hosting Server | Dreamweaver
Posted in Dreamweaver | No Comments »