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.


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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.