Adobe Creative Cloud Design Tools All-in-One For Dummies

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 media objects

Placing images and media objects 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, create easy rollovers, and insert media objects.

If you plan to follow any steps in this chapter, you need to 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 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 ...