Step-by-Step Guide

  1. Log into your website as the Site Manager (https://sitename.uncc.edu/user)
  2. Using the site manager toolbar at the top of the page, navigate to Create Content >  Basic Page.
    toolbar-create-content.png


    basic-page.png

  3. Give your page a Title and add Body copy.
    create-basic-page1.png

  4. Place the cursor where you want the image to display.

    Placement Note

    You should ALWAYS place the image at the front of the paragraph where you want to display the image. Even if you want the image to float to the left or to the right, place the image at the front of the paragraph where you want to images to display. NEVER place the image in the middle of a paragraph.



  5. Click on the Image icon.  
  6. Click on the Browse Server button.


  7. If the image is already on the server, then select the image from the list. If the image is not on the server you will need to upload it.


  8. Click the Upload button (a).
  9. Click Browse or Choose File (b).
  10. Browse your computer and any drives that you are connected to for the desired image.
  11. Click Open.
  12. Click Upload (c.). The image will now be on the server.


  13. To select the image, either double click on the image file name or click Insert file.

    Accessibility Note

    To remain accessible, you MUST add Alternative text. This is what is used by search engines to help index your site, used by screen readers instead of viewing the image, and what is displayed if the image doesn't load. If you have an image that has text on it, the text is NOT readable by screen readers. It is best to make sure that the text is what is listed in the Alternative Text field. Keep in mind that there is a character limit of 255 characters. Be clear and concise. 


  14. Add the Display width. (Make sure the lock is "locked" to maintain aspect ration of the image. If it is unlocked, simply click it once.

    Note

    You can resize the image here. However, NEVER upsize the image. It is best to resize the image under another software program like Microsoft Paint or Adobe Photoshop before uploading.


    To wrap text around the image:

  15. Set the HSpace (horizontal space) and VSpace (vertical space). This is in pixels and will add white space around the image. (10px is usually a good number).

  16. Set the alignment of the image.

    Note

    The image can be floated to the left or to the right. (The image below is floated to the left and the text to the right.)


  17. Click Ok.

    Center an Image

  18. Set the alignment to Not Set. An image CANNOT be centered if it is being floated to the left or right.

  19. Click OK.

  20. The image will display on the page. The image will be in line with the text. That means it is just another item on the line like another word.
  21. Put the image on its own line.
  22. Then put the cursor one space to the left or right of the image so that the image is not selected, but that the cursor is on the same line with the image.


  23. Click the center icon . The image will be centered.

    Link to an Image
  24. Click on the Link tab.


  25. Type the URL. The http is not necessary.
  26. If you want to link to a file, then click on the Browse Server button.
  27. Find the file on the server or upload a new one by clicking on the Upload button.
  28. Click Browse or Choose File (depending on your browser).
  29. Browse your computer and any devices that you are connected to for the desired image.
  30. Click Open.
  31. Click Upload. The file will now be on the server.
  32. To select the file, either double click on the blue line or single click on the file name in the preview pane.

  33. If the image is linking to a file or to a URL outside of uncc.edu, then select Target to be New Window (_blank).

    Note

    For more detailed instructions on how to add and link documents, view the steps in the Add Links and Documents how-to guide.

Related Pages