UCL WIKI

UCL Logo

UCL Moodle Guides

Navigation

Moodle Resource Centre - home

General links

Moodle Home
E-Learning services for staff
Quickscan Dyslexia Screening Tool

Moodle Resources

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

As Alice (in Wonderland) wisely observed "What is the use of a book, without pictures or conversations?". We recommend you use images wherever you can in Moodle (we will add the conversations another time…) to make your online material more visually engaging. Adding images in Moodle is a two-stage process; loading the image file into Moodle, then linking to it. This is essentially the same process whenever you link to files in Moodle and is easy to do.

  1. Turn editing on and edit the type of page element (Topic summary, label, page etc) where you will get a text editor
  2. Decide where you want to place your image (roughly) and click on the picture Insert/edit image icon in the toolbar Image Removedtoolbar 
  3. The Insert/edit Image window appears Image Modified Image Modified
  4. Click on Find or upload an image...
  5. The File picker appears.
  6. Use this to select a file, the image should now be displayed.
  7. Add an Image description (this is to make it accessible to visually impaired users, so making the description meaningful)
  8. To resize your image click on it and eight little boxes (handles) appear round the edge. Use the corner handles to resize the image, not the side ones which will only distort your image.
  9. Click Insert to add your image
  10. There are some other options on the Insert/edit Image window so while select your image is selected, and click on the picture icon again.
  11. The Appearance tab lets you change Alignment alignment and add some white space around the image - Vertical and Horizontal, described in pixels – try 5 or 10
  12. The Advanced tab allows images that change when you 'mouse over', something to try later!
  13. Click on Update then Save Changes in the Editor