adding fonts

the assets window

cascading style sheets

find and replace

fixing images

forms

go back buttons

hotspots

inserting Flash text

inserting Flash buttons

the library

navigation bar

page properties

rollovers

site management

tables

 

Fixing Images

(from Dreamweaver's help menu)

 

brightness and contrast | cropping | optimizing | sharpening

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

Adjusting the brightness and contrast

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.

To adjust the brightness and contrast of an image:

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

   The Brightness/Contrast dialog box is displayed.

2. Drag the Brightness and Contrast sliders to adjust the settings.

   Values range from -100 to 100.

3. Click OK.

 

 

 

 

 

 

 

 

 

 

 

 

---

Cropping an image

Dreamweaver lets you crop (or trim) images.

To crop an image file:

1. Open the page containing the image you want to crop, select the image, and do either of the following:
   • Click the Crop Tool icon in the image Property inspector or
   • Select Modify > Image > Crop.

   Crop handles appear around the selected image

2. Adjust the crop handles until the bounding box surrounds the area of the image that you want to keep.

3. Double-click inside the bounding box or press Enter to crop the selection.

   A dialog box informs you that the image file you are cropping will be changed on disk. Click OK.

   Every pixel in the selected bitmap outside the bounding box is removed, but other objects in the image remain.

To undo the effects of the crop command:

• Select Edit > Undo Crop to revert to the original image.

  You can undo the effect of the Crop command (and revert to the original image file) up until the time that you quit Dreamweaver, or edit the file in an external image-editing application.

• Undo works the same for brightness and contranst, sharpening, and optimizing images.

 

 

 

 

 

 

 

 

 

 

 

 

 

---

Optimizing an image using Fireworks

You can optimize images in your web pages from within Dreamweaver.

To optimize an image:

1. Open the page containing the image you want to optimize, select the image, and do either of the following:
   • Click the Optimize in Fireworks button in the image Property inspector.
     
     
     
   • Select Modify > Image > Optimize Image in Fireworks.

   The Fireworks Optimize Image dialog box is displayed.

2. Click OK.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

Sharpening an image

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

To sharpen an image:

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.

   The Sharpen dialog box is displayed.

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.

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

---

You can, if you want, make some changes to an image in Dreamweaver itself. You don't have to open up PhotoShop (or Fireworks) to optimize, crop, adjust the brightness, or sharpen an image.

Note: When you adjust an image using Dreamweaver, the source image file is changed on disk, so you probably want to keep a backup copy of the image file in caset you need to revert to the original image. One way to do this is to right click on the image's name and choose "edit>duplicate" or use the keyboard shortcut Ctrl + D.