Chapter 4. Working with Images
In This Chapter
Making images work for the Web
Touring the Property inspector
Inserting Photoshop files and working with Smart Objects
Aligning images and adding space around them
Creating backgrounds from images
Creating a rollover
Inserting a Flash movie on a page
Placing images that are interesting and informative is one of the most exciting parts of building a Web page. In this chapter, you see how to insert and optimize native Photoshop (PSD) files directly in Dreamweaver and how to take care of basic needs such as resizing, cropping, and positioning an image. You also find out how to create interesting backgrounds and create easy rollovers.
Tip
If you plan to follow any steps in this chapter, create a site or have a practice site already 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 the formats they're saved in and their file sizes. (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. You also need to make sure that you don't prevent a page from loading quickly by having too many images.
If you look in the lower right corner of the Document window, you see the page ...
Get Adobe® Creative Suite® 5 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.