Information Technology Services Header

Web Page Tips: Images

Adding images to your Web pages in Dreamweaver is simple and can improve the content and look of your page.

The first thing you will want to do is make sure your image is the correct size. There is a limited amount of space in the body of your Web pages, so be sure the images are saved at a size that does not exceed 495 pixels wide. Do not insert a large image and use the html code to resize the image, as this will make the page load slower.

  1. Be sure to save the image in the images folder in your site.
  2. After you have saved the image to the images folder, place the cursor in the body of the Web page where you would like the image to be placed.
  3. Go to the Insert menu in the top left corner of the page in Dreamweaver and select Image.
  4. Browse to find the image you want and click on “OK”.
  5. You will then see an Image Tag Accessibility Attributes prompt. In the alternate text window of the prompt, provide a description or title of the image. (This information will tell users with screen readers or who mouse over the image about the content of the image).
  6. Once you have entered a description or title of the image, click OK.
  7. You do not need to put any information in Long description.
  8. If you want to align the image, simply click on the aligning tabs in the Properties palette at the bottom of the page in Dreamweaver.

Having information about the image in the alternate text field will improve the searchability of your web page.

 

Making text float around a picture

  1. Select the image
  2. Choose floatleft or floatright in the Class drop down menu in the lower right of the Properties menu.
If you need assistance with placing images, or would like to add rotating images, e-mail the Web Office.