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.
Be sure to save the image in the images folder in your site.
Do not insert a large image and use the html code to resize the image, as this will make the page load slower.
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.
Go to the Insert menu in the top left corner of the page in Dreamweaver and select Image.
Browse to find the image you want and click on “OK”.
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. Once you have entered a description or title of the image, click OK.
Having information about the image in the alternate text field will improve the searchability of your web page.You do not need to put any information in Long description.
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.
You can make the image float within the text by selecting the image and then choosing 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.