Home
Tutorials
DreamWeaver Tutorials
 
Plan
Define Site
Build Pages
Create Links
Images on the Web
Images-Create PhotoAlbum
Modify Page Properties
Post your site

Creating Links

1. Creating Hyperlinks

  • Select the text you want to link
    • Click on the Browse folder next to the Link field on the property inspector and select the file

      Or

    • Drag the circle pointer next to the Link field over to the Site

    Or

    • Type the name of the file, or the path to the file

    Or link to a page in another website:

    • Type the complete URL [http://www.scu.edu/]

link text

 

Types of Hyperlinks

In HTML there are several types of hyperlinks which include:

  • Links to other HTML pages in the site
  • Links to other files such as documents, PDF's images, movies, music
  • Links to other sites
  • Internal links on a page using named anchors

Links can be absolute as in the case of linking to an outside site. The absolute path must include http:// in the adress.

Pages in your own site are document relative or root relative links.

The Target drop down next to the link field specifies where the page will open.

_blank will open the page in a new browser window.

_parent will open the page in the parent frame or parent window of the frame containing the link.

_self is the default setting and opens the linked page in the same window or frame as the link. It is not necessary to specify the target unless you want it to open in a window other than the same window.

_top loads the page in the full browser window

2. Creating Named Anchors

Named anchors are used for internal links on a web page. They are useful when the page has a lot of content and it is necessary to create links to sections in the page. It is a two step process. The first step is to add the achors or Jump to points. The second step is to type the text at the top of the document that will link to the named anchors or sections on the page. You could also add an anchor to the top of the page and put a link to the top of the page at the bottom of the page.

  • step 1 add the named anchors
    • Position the cursor where you want the anchor to go
    • Click on Insert Named Anchor
    • Name the anchor with a simple, short name
  • Add the text that will be linked to the named anchor
    • Select the text
    • In the Link field on the property inspector, enter the name of the anchor preceeded by a # sign.[#anchor1]

Another way to insert a named anchor is to click on the Named Anchor button on the Common Task Bar.

3. Add an e-mail link

  • Position the cursor where you want to insert the e-mail link
    • Click on InsertE-mail Link
    • In Text type the name for the e-mail
    • In E-mail, type the e-mail address
    • Click OK
email link
 
  © 2005 Santa Clara University | Please direct your inquiries to: Gloria Hofer
500 El Camino Real Santa Clara, California 95053-0500 | 408-554-5014