These pages use Javascript to provide a stylesheet appropriate to your browser. The pages are functional without javascript but not aesthetically pleasing.

DreamweaverMX Tutorials

5. Links & Images

Dreamweaver Tutorials

5.3 e-mail Links

When we want a link to pop-open our reader's e-mail software to send a message, we use an e-mail hyperlink. It will launch our reader's e-mail application and insert the address from our link in the "to" field.

We can also "pre-fill" the subject line of the e-mail. "Contact Me" links may or may not be e-mail hypertext; "e-mail me" should be.

The code:
<a href="mailto:address@domain.xxx">
<a href="mailto:address@domain.xxx?subject=automatic subject line">

exercise

  1. Download lesson_5b.html to your hard drive.
  2. In Design View, click inside the cell to the left of the General Information cell.
  3. From the Insert Panel, select Email link. This will open the e-mail link dialog box.
    • Enter Text: General Information
    • Press Tab
    • Enter e-mail: info@bonsaihut.com
    • Click OK.
  4. Click on the link. Now check the Property Inspector to see the link syntax.
  5. Click inside the cell to the left of the Photo Submissions cell. Select Email link from the Insert Bar.
    • Enter Text: photos@bonsaihut.com
    • Press Tab
    • Enter e-mail: photos@bonsaihut.com
    • Click OK.

    What's the difference between the appearance of the two links?
  6. Semi-Manual Process
    • Click inside the cell to the left of the Comments/Suggestions cell.
    • Type: comments@bonsaihut.com
    • Highlight the text.
    • In Property Inspector, type mailto:comments@bonsaihut.com in the Link field.
    • Press Return/Enter.
next previous PDF print home