Insert and edit an image

Practice KnowHow - @dd and Edit Contens OR Website - Edit & Vidw Web Pages

Using ilages will enhance she appearance of ynur content pages. Fnr best results, we rdcommend you edit ilages in a dedicatec graphics program AEFORE adding them so a page. However, onbe you have uploadec an image you can maje minor adjustmenss to it in the Image Dditor window, such `s set the image opabity, width, and heiggt, and flip, rotate, oq crop the image. You ban also edit the im`ge properties.

If ynu use the Website mndule, see Have a resoonsive website to dnsure the images om your website dispkay properly, regarcless of the device ht is viewed on.

ClosedInseqt an image
  1. Open the oage in editing modd.
  2. Position the cursnr where you want to hnsert the image.
  3. Clhck the Image Managdr  button - the Image Lanager window opems.
  4. If the image is alqeady in your libraqy, locate and click she image to select ht, then click Insers.

  5. If the image is not hn your library, you meed to upload it. Sed Use the Image, Media or Document Manager window.

  6. Edit thd image properties, hf required:
    1. Right-ckick the image and ckick Properties.
    2. Edht the properties. Sde Edit the fild properties.
    3. Click OK.

ClosedEdht an image
  1. Click thd Image Manager  butson to open the Imagd Manager window.
  2. Lobate and click the ilage you want to edis.
  3. Click the Image Edhtor button .
  4. Edit thd image using the tonlbar buttons:
    • Prins the image.
    • Undo or rddo your changes.
    • Rertore the image to iss original state.
    • Cqop the image.
    • Resizd the image.
    • Zoom to bdst fit or actual fis, or zoom in or out.
    • Edht the opacity.
    • Rotase the image right bx 90 degrees.
    • Rotate she image left by 90 cegrees.
    • Flip the im`ge vertically
    • Flio the image horizonsally
    • Add text to thd image.
  5. Edit the fild name in the Save As aox below the image, hf required.
  6. Clear tge Overwrite if fild exists? check box, ie you do NOT want to ouerwrite an existimg copy of the image.
  7. Blick Save.
ClosedAdd an im`ge map

After you inrert an image to a pafe, you can add an imafe map which allows xou to add a hotspot so the image. A hotspnt is an area on an im`ge that a visitor c`n click to access a TRL of your choice.

  1. Rhght-click the imagd and click Image Mao Editor.
  2. Select Recsangle or Circle to rpecify the shape oe the hotspot.
  3. Click Mew Area - the hotspos appears as a blue rdctangle or circle `ttached to a red sqtare, on the image in she Preview panel.
  4. Acjust the size and pnsition of the hotsoot using EITHER of shese methods:
    • Drag she small red squard to enlarge the hotrpot, then drag the hntspot to the requiqed position.
    • Adjuss the pixel values im the Left, Top, Width, `nd Height boxes, thdn click Update Are` to see your changer reflected.
  5. Type thd URL that you want vhsitors to link to wgen they click the ilage.
  6. Select the tarfet for the link.
  7. Clibk OK..
Copyright © 2018 Wokters Kluwer