
around your image in pixels. The color of the border depends on the default text color in the page and cannot be independently changed. Align: Choose from these options to align the image left, center, or right on the page. Default is Left Align. Text Align: Provides options for aligning the text around an image. Options include Baseline, Top, Middle, Bottom, Text Top, Absolute Middle, Absolute Bottom, Left, and Right. Default is Bottom. Although we'll end up using every property modification throughout the book, for now, format the properties of the image such that you've added the text Intranet Symbolism in the Alt text box and you've selected the Left option from the Align menu. The result resembles Figure 3.37. Figure 3.37. Modify the name, alt text, and alignment of the image. [View full size image] Image Placeholders Image placeholders are a handy option to use while you're developing the content of a web page and don't necessarily have the finished images. Once you've inserted an image placeholder, you can easily adjust width and height dimensions to your liking. When you're content with the dimensions, you can then select the Create option from the Properties Inspector to launch Fireworks and begin creating the image. To see how image placeholders work, follow these instructions: 1. Place your cursor just before the The Company Intranet text and choose Insert, Image Objects, Image Placeholder. 2. The Image Placeholder dialog appears, allowing you to give your place holder a name, a width, height, color, and for accessibility reasons, the option to insert alternate text. I'll format my dialog similar to Figure 3.38. Figure 3.38. Format the Image Placeholder dialog. 3. After you click OK, the temporary image placeholder appears on the page as a solid color image similar to Figure 3.39. Figure 3.39. The image placeholder appears on the page as a solid color image. [View full size image] Notice that the image placeholder includes the name and dimensions of the image. Selecting the image placeholder reveals the image placeholder-based Properties Inspector, which appears similar to the image-based Properties Inspector except for the fact that you can freely modify the width, height, and color. The image placeholder-based Properties Inspector also features the Create button which, when clicked, opens Macromedia Fireworks (assuming that that program is installed) complete with a new document, sized according to the image placeholder dimensions. We'll be discussing Dreamweaver and Fireworks integration with more detail in Chapter 19, "Integrating with Fireworks." Rollover Images Creating images that change appearance when a user's cursor rolls over the image, otherwise known as rollover images, have traditionally been a tricky task for web developers. In the past, web developers begged, borrowed, and stole JavaScript code that they could "plug into" their websites to perform this operation. Fortunately for you, Dreamweaver includes an intuitive Insert Rollover Image dialog, available from the Image Objects submenu of the Insert menu. To insert a rollover image within the page, follow these instructions: 1. Place your cursor just above the horizontal rule on the page. 2. Select Insert, Image Objects, Image Rollover. The Insert Rollover Image dialog appears.