Linking pages in Dreamweaver CS4

Need a Website? Contact Us Now!

This entry is part 13 of 19 in the series Dreamweaver CS4 Tutorials

Now create the remaining 3 pages and link them up in Dreamweaver CS4.

Create the following pages: about-us.html, services.html and contact-us.html the same way you created the index.html page. Insert the appropriate content, images, title tag, headings and subheadings for each. You will see all your pages in your ‘Files’ Panel [Window > Files].

Linking pages in Dreamweaver CS4

Linking the pages:

When we click on the menu buttons at the top of the page we want the appropriate page to be displayed. Since the menu is in all the pages we have kept this in the template and when we update it here all the pages will be updated.

To link the pages from the menu:

  • Open the template file (template.dwt). You can open it from the ‘Files’ panel – you will find it in the ‘Templates’ folder.
  • To link the ‘Home’ menu button, select the ‘Home’ image and link it to ‘index.html’ within the ‘Properties’ Panel.
  • Click on the folder icon next to ‘Link’, then browse and select index.html.
  • Enter the value ’0′ into the ‘Border’ field.

Linking pages in Dreamweaver CS4

  • Similarly link the About Us, Services and Contact Us menu buttons to the appropriate pages.
  • When you are done, save the template.
  • You will get a message asking if you want to update the template files. Click the ‘Update’ button.
    Linking pages in Dreamweaver CS4
  • Save your pages in case they we open while the template was updated.
  • Now when you preview your pages (e.g. index.html) in your browser and click on the menu buttons the appropriate pages will open up.
Series Navigation«Formatting Images in Dreamweaver CS4Forms in Dreamweaver CS4»
Share and Enjoy:
  • Digg
  • Facebook
  • Google
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • StumbleUpon
  • Technorati

Tags: ,
Posted in Dreamweaver | 3 Comments »

3 Responses to “Linking pages in Dreamweaver CS4”

  1. By nathalie on Dec 12, 2009 | Reply

    Excellent!! so clear, I have spent days looking at video tutorials online and only left me more confused, you help me get my page going in minutes thanks!!

  2. By marlin on Feb 27, 2010 | Reply

    thank you ive learned alot from your tuturial and im new to building websites so it took me 7 days but i do have the first page up!! :) im still a little confused about building my linked pages and going back to edit a page when i need to but ive gotten this far so im happy about that thanks alot!!!

  3. By Chris on May 24, 2010 | Reply

    Thanks so much for this info. I’ve always programmed in notepad in the past, but thought it was time I learned Dreamweaver! I never knew it could be so easy!!!


Post a Comment