All the best Dreamweaver training courses will show you how to create hyperlinks. Hyperlinks are the cornerstone of interactivity allowing users to move from one place to another within a web site. Links can be attached to both text and images. To attach a link to text
1. Highlight the text.
2. Click on the folder icon next the Link box in the Property Inspector.
3. Locate and then double-click the file to which you want to link.
The appearance of the link text will change to the default blue (with underline) or to the link colour specified with the command Modify – Page Properties. CSS styles can also be used to change the appearance of links and to exploit Internet Explorer’s Hover feature whereby the link colour can be changed when the mouse rolls over it. (See the section on using CSS styles in Unit 5: working with text.)
The folder and point to file icons are especially useful ways of creating links since they minimise the risk of errors. However, if the file to which you want to create the link has not yet been be saved to disk, these methods cannot be used. To create a link manually:-
1. Highlight the text.
2. Enter the URL in the Link box in the Property Inspector.
3. Press Enter.
Another useful way of defining a link is to use the point-to-file icon, located next to the Link box in the Property Inspector (to the left of the folder icon).
1. Resize and reposition the Files and Document windows as necessary until they are both visible next to each other.
2. Highlight the text.
3. Drag the point to file icon into the Files panel directly onto the file to which you want to link.
To use an image file as a link
1. Click once on the image to highlight it.
2. Click on the folder icon next the Link box in the Property Inspector.
3. Locate and then double-click the file to which you want to link.
Needless to say, the point-to-file and manual link creation techniques can also be used with images. Images which have been hyperlinked can normally be distinguished from other images by a border which appears around them in a colour which matches the link colour for that page. Dreamweaver suppresses this border by setting the border attribute of the IMG element to zero. If, for any reason, you wish to have a border around a linked graphic, in the Property inspector, change the zero to one or more pixels.
Tags: Computers, Dreamweaver, Software, Web Development