Chapter 4. Working with Images
In This Chapter
Making images work for the Web
Inserting Photoshop files and working with Smart Objects
Touring the Property inspector
Aligning images and adding space around them
Creating backgrounds from images
Creating a rollover
Inserting a Flash movie on your page
Placing images that are interesting and informative is one of the most exciting parts of building a Web page. In this chapter, you discover how to insert and optimize native Photoshop (PSD) files directly in Dreamweaver, as well take care of basic needs, such as resizing, cropping, and positioning the image. You also find out how to create interesting backgrounds and create easy rollovers.
If you plan on following along with some of the steps in this chapter, create a site or have a practice site open. Images are much-needed linked assets on your page. You don't want to lose track of them in your filing system. If you don't know how to create a site, read Chapter 3 of this minibook.
Creating Images for the Web
Placing images isn't difficult, but you must consider which format images are saved in and how large the files are. (See Book IV, Chapter 10 for details on selecting the correct format and using the Save for Web & Devices feature in Photoshop.)
Putting images on a Web page requires planning to make sure that sizes are exactly what you want them to be. You also need to make sure that you don't have too many images to keep the page loading quickly.
If you look in the lower right of your Document ...
Get Adobe® Creative Suite® 4 Design Premium All-in-One for Dummies® now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.