Skip Top Navigation

Add Images

See also:
  • Size images
  • Optimize images
  • Format images
  • Uploading and inserting images is a two-step process.


    You may also want to add a hyperlink to the image. When the image is clicked, it will open a related Web page.


    To upload an image to the Web server   

    1. Place the cursor where you want the image to reside on the page.

    2. Click on the Image Manager button.

      The Image Manager appears.
       
    3. Navigate to the folder location where you would like to store the image. Once you have reached your destination folder, click on the folder. Doing this copies the folder address to the Directory box.

      To view the sub files or folders, double-click on the folder.

    4. Click on the Upload Image tab.

    5. Click on Browse , locate your image file.

      Display Name – The name you enter here will appear in the Resource Gallery. It will not display on your page.

      Description – You might want to leave information about the file for future users. Use this option at your discretion.

    6. Click Upload.

      Your image is now uploaded to the CMS Web server.


    top top


    To insert an image onto your Web page and add alternative text   

    1. Enter a short description of the image in the Image Alt Text field.

      Image alt text field

      You must include this short description on images to comply with the American Disabilities Act.

    2. Click Insert .

      The image is placed on your page.

    3. To revise or change alt text already entered, right-click on the image.

      Select Set Image Properties.

      Go to the Image Alt Text field to revise the text.

    top top


    To link an image to a Web page   

    1. Select the image.

    2. Click on the Hyperlink Manager button.

      The Hyperlink Manager appears.

    3. On the Hyperlink Manager , insert the Web address of the page you want to link to in the field marked URL .

      If is it a page within CMS, use the round blue icon to locate the Web address.

      If you are linking to a page on an external site, enter the full Web address beginning with www .

    4. Leave the rest of the fields at their default settings.

    5. Click OK .

      The image is now linked.

    6. Using the Web Author Console , click on  Preview , and test your link.  

      When the browser opens in preview mode, click on the image to make sure it takes you to the right Web page.

      top top