Creating Page Links

 

There are two different types of links to be created:

The first is your page links.

This cannot really be done until you have worked out how many different page links needed.

Once you have worked this out (and it should be done as part of your design folio planning), you should create the links on the template page.

This is done by creating a table with the number of columns required, including a column for Index. The table size should be 800px

For example (not to scale):

Insert Table 6, 1 Row and 6 columns and it will look like this:

Images

Sunrises

Beach

Dunes

Waves

Home

The above is a non-colored table and will show no borders on the webpage.

To make a table border see the table border link.

Images

Sunrises

Beach

Dunes

Waves

Home

Type in the link names, which do NOT have to be the same as the filename, bur should be similar to avoid confusion. Use short link names, not long confusing ones.

ie: Digital Images could be called Images, keeping the link title short.

Always leave the Index Page - Home as the last link.

In the above examples the Home link is active in the webpage, being already hyperlinked. Links do not work in Dreamweaver.

Having done this select all the links and in CSS mode centre them (it looks neater).

Now to link the pages. All the pages to link to need to be in the same folder. All images also need to be in that folder too. Links and images fail if this is not done, or files and images are moved after linking or images moved they lose their file association and you have to create the link all over again.

The second is linking other files (non-HTML).

You can also link a file, in Word or PowerPoint or any other software program:

Do the same thing, using the Link command and the yellow link folder, find the file to link and then create the link. Non HTML files open in the software the file was created in.

See the example below:

Folio Design Layout - in Word.

To link a video - see the Insert Movie Page for instructions.

You can also link a Rollover image:

To link a Rollover Image - select the main image, then using the Link command and the yellow link folder, find the file to link and then create the link. See the example below (from the link-pages html page). A dialogue box may appear 'Allow Blocked Content'. Click on the dialogue window to accept.