ACCC Seminars

Welcome
Interface
Working with Text
Page Properties
Images
Hyperlinks & Anchors
Tables
Rollover Images
Uploading Files
Related Links

Handout (PDF)
ACCC Seminars
Rev. 17-Jun-2002

 

 

Macromedia Dreamweaver 4


 

Hyperlinks

HTMLs pwer comes from its capability to link regions of text and images to other documents. A link in HTML has two parts: the name of the file (or URL) to which you want to link... AND the text or graphic that serves as the clickable link on the page. To create a link to text, select a word or words that you'd like to link to another document. When you've highlighted the word(s) look at the Link fiels in the Property Inspector. Click the folder icon to the right of the Link field and find the html file that you would like to link your word(s) to. Save a preview in a browser.

Property Inspector and the Link box

The same thing can be done with an image in your file. Select an image and in the Property Inspector box, select the folder to the right of the Link Field and find another html file to link the image to. Save and preview in a browser. You will note that in the browser window, your arrow turns into a pointer, indicating the link is active.

If you'd like to link word(s) or an image to an external link, select what you'd like to link and in the Property Inspector, type http://www.australia.com (or whatever your external link is) in the Link field. Remember to always type http:// when typing an external link.

You can target a hyperlink to open up in a new browser window or the current browser window

When you link to a page, the linked page replaces the current browser page. Sometimes you night want to display the browser pge in a new location or window. To target a link to a new browser window, select the _blank option in the Target drop down menu as seen above. Save & preview in a browser. The resulting link will open a new browser window.

In Dreamweaver you can easily change the location whwere the linked page is displayed by using the following targets:

_blank: Loads the linked document in a new, unnamed browser window.

_parent: Loads the linked document in the parent frameset or window of the frame that contains the link.

_self: Load the linked document in the same frame or window as the link.

_top: Loads the linked document in the full browser window, thereby removing all frames.


Back to TopImages Images Part II Hyperlinks - Image Maps Tables
   

Seminar materials: <http://www.accc.uic.edu/seminars/dw4>
Last Modified: June 17, 2002 — pjm