Create a rollover image – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 681

Advertising
background image

Note:

To the top

Sharpening increases the contrast of pixels around the edges of objects to increase the image’s definition or sharpness.

1. Open the page containing the image you want to sharpen, select the image, and do either of the following:

Click the Sharpen button in the image Property inspector.

Select Modify > Image > Sharpen.

2. You can specify the degree of sharpening Dreamweaver applies to the image by dragging the slider control, or entering a value between 0

and 10 in the text box. As you adjust the sharpness of the image using the Sharpness dialog box, you can preview the change to the image.

3. Click OK when you are satisfied with the image.

4. Save your changes by selecting File > Save, or revert to the original image by selecting Edit > Undo Sharpen.

You can only undo the effect of the Sharpen command (and revert to the original image file) prior to saving the page containing the

image. After you save the page, the changes made to the image are permanently saved.

Adjust the brightness and contrast of an image

Brightness/Contrast modifies the contrast or brightness of pixels in an image. This affects the highlights, shadows, and midtones of an image. You
typically use Brightness/Contrast when correcting images that are too dark or too light.

1. Open the page containing the image you want to adjust, select the image, and do either of the following:

Click the Brightness/Contrast

button in the image Property inspector.

Select Modify > Image > Brightness/Contrast.

2. Drag the Brightness and Contrast sliders to adjust the settings. Values range from -100 to 100.

3. Click OK.

Create a rollover image

You can insert rollover images in your page. A rollover is an image that, when viewed in a browser, changes when the pointer moves across it.

You must have two images to create the rollover: a primary image (the image displayed when the page first loads) and a secondary image (the
image that appears when the pointer moves over the primary image). Both images in a rollover should be the same size; if the images are not the
same size, Dreamweaver resizes the second image to match the properties of the first image.

Rollover images are automatically set to respond to the onMouseOver event. You can set an image to respond to a different event (for example, a

mouse click) or change a rollover image.

For a tutorial on creating rollovers, see

www.adobe.com/go/vid0159

.

1. In the Document window, place the insertion point where you want the rollover to appear.

2. Insert the rollover using one of these methods:

In the Common category of the Insert panel, click the Images button and select the Rollover Image icon. With the Rollover Image icon

674

Advertising
This manual is related to the following products: