All decent Dreamweaver training courses and online tutorials will show you how to create hyperlinks. HTML hyperlinks provide an essential 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 the Browse icon next the Link box in the Property Inspector.

3. Find the file to which you want to link and double-click on it.

Any text you convert to a hyperlink will change appearance and become 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 Browse 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. Select your text.

2. Enter the URL in the Link box in the Property Inspector.

3. Press the Enter key on your keyboard.

Dreamweaver’s handy point-to-file icon provides another useful way of defining a link. It is located next to the Link box in the Property Inspector (to the left of the folder icon).

1. If necessary, resize and reposition the Files and Document windows until they are both visible next to each other.

2. Highlight the text.

3. Hold down the mouse button and drag the point to file icon into the Files panel directly onto the file to which you want to link.

To convert an image to a hyperlink:

1. Click once on the image to select it.

2. Click the Browse button (the folder icon) next the Link box in the Property Inspector.

3. Find file to which you want to link to and then double-click on it.

Naturally, the point-to-file and manual link creation techniques can also be used when making images into hyperlinks. 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.

You can find out more about Dreamweaver training courses, visit Macresource Computer Training, an independent computer training company offering Dreamweaver Classes at their central London training centre.

Related posts:

1. The Role Of The Local Site Folder When Creating A Dreamweaver site
2. Painless XHTML Editing With Adobe Dreamweaver
3. Adobe Dreamweaver Makes Web Development Possible For Everyone
4. Developing Client-side Content Using Adobe Dreamweaver
5. Get Adobe Dreamweaver For All Business Requirements