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.