AudienceView Connect

Inserting an Image from the Internet

To insert an image from the Internet, complete the following:

  1. Place the cursor where you would like to insert the image.
  2. Click .
    The Image Properties light box appears.
  3. Enter the absolute URL for the image in the 'URL' field (e.g. http://suttonstreettheatre.com/images/image1.jpg).
    The image appears in the 'Preview' field.
  4. Enter the text that will appear when the image is moused over in the 'Alternative Text' field.
  5. To adjust the dimensions of the image:
    1. To ensure that the pixel dimension ratios of the image remain the same, click to lock the ratios.
      If you see , the ratios are already locked.
    2. To adjust the pixel dimensions to your own ratio, click to unlock the ratios
      If you see , the ratios are alreay unlocked.
    3. To reset the pixel dimension ratios to those of the original image, click .
    4. Adjust the height and width pixel values in the 'Height' and 'Width' fields.
      The image size is updated in the 'Preview' field.
  6. To adjust the appearance and alignment of the image:
    1. Enter the size of the border you desire for the image in the 'Border' field. If you do not want a border around the image, leave the 'Border' field blank.
      The image border displays in the 'Preview' window.
    2. Enter the desired horizontal spacing value in the 'HSpace' field.
      The image is spaced horizontally in the 'Preview' field.
    3. Enter the desired vertical spacing value in the 'VSpace' field.
      The image is spaced vertically in the 'Preview' field.
    4. Select the desired alignment for surrounding text from the 'Align' dropdown. The image will then respond with the surrounding text accordingly.
  7. Click 'OK'.
    The image is inserted.
  8. Alt image text is used to briefly describe what the image depicts if users cannot view an image (the image does not display or if the user utilizes a screen reader).
    To add alt text to an image, complete the following:
    1. Click 'Source'.
      The Source view of the text is displayed.
    2. Locate the code for the image that you want to add alt-text to by pressing CTRL+F and searching for the image's filename.
      The image source code will look similar to <img alt="" src="/UI/ArticleMedia/Images/MY_INSERTED_IMAGE.jpg." />
    3. Enter the descriptive text that you want to be displayed within the quotes of the img alt="" tag (e.g. img alt="THE ALT TEXT FOR MY INSERTED IMAGE").
  9. Click 'Apply'.
    A window confirms that the application updated the message/article.
  10. Click 'OK'.