ONLINEPROOFINGSERVICE.COM

online print proofing - www.onlineproofingservice.com

Menu


Chapter 5: Adding Graphics 137 Creating complex designs with images The alignment options available in HTML enable you to align


your images vertically or horizontally, but you cant do both at once. Also, the alignment options dont really enable you to position images in relation to one another or in relation to text with much precision. For example, if you try to center an image that is positioned up against a text block, the text gets centered, too. One way to get around this limitation is to create HTML tables and then combine and merge cells in the table to control positioning. See Chapter 6 to find out how you can make table borders invisible and use them to create complex layouts. You can also use layers (Chapter 9) and Cascading Style Sheets to position elements on a page (Chapter 8). Image Editing in Dreamweaver New features in Dreamweaver enable you to do minor image editing inside Dreamweaver without opening Fireworks or any other graphics-editing program. These tools are available from the Properties inspector when an image is selected (see Figure 5-6). Figure 5-5: The Align drop-down list in the Properties panel aligns an image. 138 Part II: Looking Like a Million (Even on a Budget) You also find two buttons that enable you to use Macromedia Fireworks to edit images. The Edit button launches Fireworks and opens the selected image in the main window of the program, which makes using all the Fireworks editing features easy. Macromedias careful integration of these programs means that when you save changes to the image in Fireworks, they are reflected in the page in Dreamweaver. A new button, just to the right of the Edit button, is designed to make optimizing an image fast and easy, which makes downloading faster. Chapter 10 covers both the Edit and Optimize in Fireworks features in greater detail. Before you get carried away editing your images, remember that Dreamweaver is primarily a Web-page creation application and not really designed to edit graphics. Although these tools can be useful, they shouldnt take the place of doing serious work on your graphics in an actual graphics application, such as Fireworks or Photoshop. When you do use the tools for cropping, adjusting brightness and contrast, and sharpening an image, beware that you are changing the actual image (not just a copy of it). Make sure youre happy with these changes before you save the page youre working on. You can use the undo feature in Dreamweaver to revert back several steps, but after you save the page, you cant undo changes to an image. To protect your original image, considering saving a copy before editing it. Cropping an image Essentially, cropping an image is trimming it. To crop a graphic or photo, follow these steps: 1. In the Document window, select the image youd like to crop by clicking it. The Properties inspector changes to display the images properties. Crop Brightness and Contrast Sharpen Figure 5-6: Use the Crop, Brightness