Back to top

Adding Graphics to Your Page

  1. Log in and go to the page where you want to add an image
  2. Click the Edit tab.
  3. The image needs to be on the webserver in order to use it on a webpage. Go to File below the Body field.
  4. Click on "Choose File" to browse for your image file, then click "Upload" to upload it. 
  5. Uncheck "Display" so the image file won't be listed at the bottom of your finished page. 
  6. Right click on the blue image file name to "copy link address"  of your uploaded image.
  7. In the Body section, place your cursor where you want the image and click on Insert/Edit Image (photo of the tree).
  8. Paste the copied image URL (link address) into the Image URL field in the popup window.  PLEASE remove everything in the pasted link that comes before /sites/default/files/image-name.jpg, so that you have a RELATIVE URL - it will work much better across all browsers!! The corrected Image URL will be something like /sites/default/files/(perhaps other folders)/image-name.jpg
  9. Add an Image Desciption (students studying, person’s name, etc. This is the description that will appear when someone hovers their cursor over the image.) This is also used for SEO (Google) and by screen readers - important for ADA compliancy.  Copy the image description into the title field. 
  10. Add a Title
  11. Click on the Appearance tab on the popup window
  12. Select an Alignment based on where you would like the image to appear. "Right" or "Left" will make the text wrap around the image. 
  13. Use the dimensions function to resize the image. 
  14. Most photos on the site have a border of 1 and vertical and horizontal space of 5 and 10.
  15. Click insert.
  16. After you have inserted the photo/graphic, you can select it and drag it to a new location inside the window. You can also change the dimensions with your cursor. 
  17. Change the TEXT FORMAT to FULL HTML so the text will wrap!