Working+with+Images

= //​​Working with Images// =

You can inser different types of images into your Web page, including clip art, digital camera images, and scanned photos. You must first save teh images in a Web format, such as GIF, JPEG or PNG.

Insert an Image into a Web Page

 * 1) Click to position the mouse where you want to insert the image.
 * 2) Click **Insert**
 * 3) Click **Image** (You can also click **Image** in the Common Insert bar).
 * 4) Navigate to the folder that holds the image for your Web page.
 * 5) Click on the image that you want to insert into your Web page.
 * 6) Click **OK**
 * The image appears where you positioned your cursor in the Web page. To delete the image, click the image and press delete.

Add a Border to an Image

 * 1) Click an image to select it
 * 2) Type the width in the Border field
 * 3) Press Enter

Wrap Text Around an Image

 * 1) Click an image to select it
 * 2) Click **the Align**
 * 3) Click and alignment for the image
 * Test out different alignments until you find the one you like best.

Align an Image

 * 1) Click to place the mouse to the immediate right of the image.
 * 2) Press Enter to place the image on its own line.
 * 3) Click the image to select it
 * 4) Choose the alignment (left, right, or center)


 * Using the alignment tools to align the image does not influence the text wrapping around the image.

Crop an Image

 * 1) Click on the image to select it
 * 2) Click the **Crop Tool**
 * 3) Click **OK** to close the dialog box
 * 4) Click and drag the black square handles to define the area that you want to crop (The part of the photo that appears grayed out will delete)
 * 5) Double-click inside the crop box to trim your image

Resize an Image
You can change the display size of an image without changing the file size of the image. You can do this by using a percentage, a pixel size, or by click and dragging the corner of the image.
 * Change the Pixel or Percentage Dimensions to Resize**
 * 1) Click an iamge to select it (the dimensions of the image will appear)
 * 2) Type the desired width of the iamge, either in pixels or as a percentage.
 * 3) Press Enter
 * 4) Type the desire height of the image.
 * 5) Press Enter
 * The image displats with its new dimensions.


 * Click and Drag to Resize**
 * 1) Click an image to select it
 * 2) Drag one of the handles at the edge of the image. To resize the image propoetionally, press and hold Shift as you drag a corner. The image expands or contracts to the new size.
 * You can reset the image to the original size by selecting the image and clicking **Reset Size** in the Properties inspectors.

**TIP :** The best way tp resize an image is to use an image editor such as Firewors, Photoshop or Gimp.

Add Space Around an Image
You can add space around an image to separate it from the text and other images on your Web page.


 * //Add Space to the Left and Right of an Image//**
 * 1) Click on the image to select it
 * 2) Type an amount in the H space field
 * 3) Press Enter


 * //Add Space Above and Below an Image//**
 * 1) Click the image to select it
 * 2) Type an amount in the V Space field
 * 3) Press Enter

Add a Background Image

 * 1) Click **Page Properties** in the Properties inspector.
 * 2) CLick **Appearance**
 * 3) Click **Browser**
 * 4) Click the background image that you want to insert.
 * 5) Click **OK**

Change the Background Color

 * 1) Click **Page Properties** in the Properties inspector.
 * 2) Click **Appearance**
 * 3) Click the **Background color** to open the color menu
 * 4) Click a color from the menu using the **Eyedropper**
 * 5) Click **OK**