How to Upload and Add a New Photo

Photos can be added to your web page using the Text Editor. Below are step-by-step instructions to upload and add a new photo that is on your computer or network drive.

 

Photo Notes:
Photos should be sized and cropped before uploading them to the Asset Manager. Images should not exceed 500 pixels in width for the center content area. Photos can be sized in software programs such as Photoshop, Picasa (free download), or IrfanView (free download).

Photos must be RGB images in order to upload them to RedDot and display in a web browser. CMYK images are intended for printing and will not import into RedDot. Check the image mode in your photo editing program prior to uploading.

Free Photoshop Classes:
ITS Workshops
Interactive Media Center

 
The example below shows how to add a new photo (that is not in the Asset Manager yet) within the Body Text in the center content area of the web page.

  1. Click on the Open Intro Text red dot in the center content area. This will reveal the red dots for the editable areas in the center of the page.
    Open Intro Text red dot
  2. Click on the Body Text red dot. This will open the Text Editor window displaying the text you already entered in the Body Text area.
    Body Text red dot
  3. In the Text Editor, place your cursor next to the text where you want to add the photo.
  4. Click on the Insert Image icon from the toolbar in the Text Editor.  Insert Image icon This will open the Insert Image window.
    Text Editor window with Insert Image icon
  5. Click on the Select button on the far right of the screen. This will open the Upload or Choose File window.
    Insert Image window with Select button
  6. Click on the button for Select File from Local File System. This will open the Upload window.
    Select File from Local File System button
  7. Click the Browse button from the Upload window. This will open the Choose File to Upload window.
    Choose file to Upload window with Browse button
  8. Navigate to the location where the image file is stored on your computer or network drive.
  9. Select the file and double click the file name (or single click to highlight and click the Open button). This will bring you back to the Upload window. The file path to the image should be displayed in the field to the left of the Browse button.
    Select file window
  10. Click the Upload button in the Upload window. This will bring up the Asset Manager window displaying a list of sites.
    Upload button in Upload window
  11. Scroll down the list sites until you find yours. Click the radio button next to your site's name. This will save the photo in the Asset Manager for your site.
    Asset Manager site list
  12. Click the OK button on the lower right. This will bring you back to the Insert Image window.
  13. In the Alternative text field type in a description of the photo. This text will provide information about the photo to visitors who are visually impaired and using screen-reader software.
    Alternative Text field
  14. In the Alignment field click the dropdown arrow and select where you would like the photo to be displayed relative to the text. If you want the photo to the right of the text select "Right" from the dropdown menu.
    Image Alignment dropdown box
  15. Click the OK button on the lower right. This will bring you back to the Text Editor window. Your photo should now be displayed next to the text.
    Text Editor with photo
  16. To change the alignment and alt text, right click on the photo and select Edit Image Properties from the menu. This will open the Edit Image window.
    Edit Image Properties menu
  17. Make any changes and click the OK button on the lower right. This will bring you back to the Text Editor window.
  18. Click the OK button in the lower right of the Text Editor window. This will bring you back to the SmartEdit window. You should now see your photo next to the Body Text.
    SmartEdit window with new photo
  19. You are done adding the photo and can publish the page piece.