TEC home

Web home

Page/site design
- basic principles
- good/bad examples

Basic html
- tutorial
- resources

Netscape Composer
- tutorial
- resources

Dreamweaver
- tutorial
- resources

Uploading and downloading
- setting up your mason account
- basic procedure

Web assignments
- general
- design and navigation

Contact us

Dreamweaver Tutorial - Creating Links


To create a link from one web page to another

  1. Highlight the text that you want to show up as a link (or click on the graphic that you want to use as the link).

  2. The Text panel gives you the option to enter the URL.



  3. NOTE: To see a fuller discussion of various types of links see the html links page.

To create a target (anchor) link on a web page

A target (also called an anchor) is a location within a web page that you can move to quickly by clicking on text on the same web page. It is often used as a fast way to navigate a long web page.

  1. First, you need to create an anchor point where you want the link to got to in the page.

  2. Move your cursor to the target location.

  3. In the Common tool panel select "Invisibles." (An anchor shows up in the code but not on your page, hence the invisible designation.



  4. Once in the Invisibles tool panel, select the anchor icon.



  5. This gives you a dialog box that allows you to name the anchor. Name it an click OK.



  6. Once you have created an anchor, you can create a link on the page that goes to it.

  7. Type in and highlight the text that you want to show up as a link in the proper place in the design window.

  8. Enter the name of the anchor preceded by a pound sign in the link box on the text panel.




To create an email link on a web page

  1. Place the cursor in the design window where you want the text to show up as a link or highlight the text that you want to show up as a link.

  2. The Common panel gives you the option to enter an email link. Select the mail icon.



  3. This opens a dialog box that allows you to enter the text you want as a link (or automatically places the selected text into the text box) and prompts you to enter the email address.



  4. Enter email and click ok.


Dreamweaver Home | Text | Links | Images | Tables