Raymond J. Kimball
Link to TechLEAP Program Home Page Link to Computer Science and Computer Applications Department Internship Program
Link to R.J. Kimball List of Courses Taught

Shining Star
Link to Prof. Kimball's Copyright Resources Site
Professional Web Design
Link to Information Technology Institue - College Web Site Designed by RJ Kimball
Raymond J. Kimball Biography

Courses Home

Dreamweaver Home

Macromedia

DW Workspace

Defining a Site

Creating Links

Sample Web Site

Fireworks Imports


Web Searches-Title

Web4students

Lab Assignment


Common Graphics

Links

Sample Web Site   Absolute Links   Relative Links   Anchor Links
Image Maps  Email Links

This page provides some instructions for insterting links and "anchors" on web pages.

Links refer to "hyperactive links" between web pages. There are five types of links you should learn to code in DearmWeaver - Absolute links, Relative Links, Anchors, Image Maps, and Email links.

Absolute Links. "Absolute links" give the full web address to a page outside your web site. This web address is known as the "URL." Here is a full URL:

Protocol Server Reserved Name Domain Name/ Folder File Name
http:// www. montgomerycollege. edu/ ~rkimball/ courses.htm

Relative Links

Relative links refer to links within a web page. There are three ways to code relative links:

Where is Link File located? Code
In same folder as current page <a href="file.htm">
In a folder "below" the current page <a href="folder1/file.htm">
Outside the folder holding the current page <a href="../folder2/file2.htm">

 

Dreamweaver will code all this for you if you use the "Point to File" button on the Property Menu to the right of the Link address box.

  • Creating text and graphic links
  • Link colors may be specified by going to Modify ~ Page Properties, clicking on the links category and specifying the colors for each type of link.
  • Select text or image to be linked from
  • For site-relative links, click the folder icon to select files within the
    root folder
  • For absolute links, enter url in links text field
  • Specify target (_blank, _self)

Anchor Links

Anchor links create links to different parts of the same page. If you have a long page with much material below the fold, create an "index" at the top and use "anchor links" to link the index with the lower part of the page.

 

Creating and using anchors

  • Place your cursor where you would like to have the anchor placed
  • Click the named anchor button in the Common category of the
    Insert bar
  • Name your anchor when the dialog box appears
  • Select the text or image that will link to your anchor
  • Type the name of the anchor, preceded by # in the link field or
    use the Point to file icon to point to the appropriate anchor icon

Creating image maps

See the National Atlas web site for printable and web ready maps for demonstration image mapping purposes - (This is an example of an "Absolute" link using the full URL of the site.

http://nationalatlas.gov/printable.html

Link to U.S. map

  • Select graphic
  • Name image map in property inspector
  • Select hotspot tool (MX 2004 - on the Image Icon)and draw appropriate shape on image
  • Select pointer icon in property inspector to move or resize
    hot spot
  • Insert link information in link entry field

Creating email links

  • Select email link icon from common menu bar
  • Enter text to be linked and email address in dialog box

Contact Information
Prof. Raymond J. Kimball
Information Technology Institute
Gaithersburg Business Training Center
12 South Summit Ave.
Gaithersburg, MD 20877
240-567-3825
Raymond.Kimball@montgomerycollege.edu

© Raymond J. Kimball 2000 - 2004. All rights reserved