
your hard drive. 3. Navigate to the folder that has the image you want to insert. 4. Double-click to select the image you want. The image automatically appears on your Web page. If you havent already saved your page, a warning box appears to tell you that Dreamweaver cannot properly set the link to the image until you save the page. You see this message because Dreamweaver needs to know the location of the HTML page relative to the image to create the link. If you see this box, you have two options. You can click Cancel, save your page by choosing File?Save, and then repeat the preceding steps. Or, you can go ahead and choose the image, and after you save your file, Dreamweaver tries to automatically update the image link. If youve already saved your page, another common problem is that the image is not located within your main Web site folder. Dreamweaver offers you the option of creating a copy of the image in your main site folder. Click the Yes button if you want Dreamweaver to copy the image to your root folder (this helps ensure the image transfers to your server correctly when you upload your site to your server). 48 Part I: Fulfilling Your Dreams 5. Click the image on your Web page to display the image options in the Properties inspector at the bottom of the page. Use the Properties inspector to specify image attributes, such as alignment, horizontal, and vertical spacing, and alternative text. (The image properties are visible in the Properties inspector in Figure 2-6.) With an image selected, the Properties inspector enables you to specify many attributes for an image. Table 2-1 describes those attributes. If you dont see all the attributes listed in the table on your screen, click the triangle in the bottom-right corner of the Properties inspector to reveal all the image options. Although you can resize an image in Dreamweaver by clicking and dragging on the edge of the image or by changing the Height and Width values in the Properties inspector, I dont recommend you change an image size this way. Changing the height and width in the Properties inspector wont actually change the size of the image, just the way it displays on the page. Thats a problem for two reasons. First, using this option to make an image look bigger often leads to the image looking distorted; second, using this option to make an image look smaller requires your visitor to download a larger file than necessary. Figure 2-6: When an image is selected, the Properties inspector provides easy access to common image attributes, such as alignment and spacing. Chapter 2: Setting Up a Web Site with Dreamweaver 49 Youre almost always better off using Dreamweavers new auto resizing and