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.5 Images

Images can hold links -- both to on-page anchor links or to other Web pages or objects.

There are a variety of ways to add the code for an image to a Web page, as we reviewed last week. To recap, we can drag an image from the Dreamweaver Site Panel (explorer); use the Insert Bar; use the Insert Menu.

Image types that are supported by browsers include .gif, .jpg, and .png.

Example code (attributes presented on separate lines for discussion - code would be one line)
<img
src="../images/header_green.png"
width="849" height="27"
alt="Dreamweaver Tutorials"
title="Return to Dreamweaver Overview"
border="0">

exercise

  1. For this exercise, we are working with your Lesson 5c file.
    Download the "scroll down" and "scroll up" arrows from QBullets
  2. Save these images in the primary images folder in the workshop lesson site.
  3. Using one (or more) of the methods at the left, place "scroll down" arrows to the right of the text links at the top of the page.
  4. Highlight each down arrow and make it a hot link. Can you use Property Inspector to keep from having to type anchor names?
  5. View source. Compare with lesson_5c_complete.html
next previous PDF print home