Now that we have set up our Moodle course page. Let’s make it a little more attractive by adding images.
2. Click on the editing icon for a topic section (for us, Topic 1).
3. Click on the icon that helps you insert an image , as shown in the following screenshot:
4. In the box that is displayed next, click on the folder named images.
5. In the box that is displayed next, scroll down to where you can see the Browse button.
6. Click on the Browse button and locate the image that you want, on your computer. (It should either have the extension
.jpg
or.gif.
)7. Select your image and then click Open, and it will appear in the Browse box above.
9. Your image's filename will appear in the leftmost section of the next screen. Click on it, and it will be previewed in the rightmost section:
10. Note that your image's filename is also displayed at the top where it says Image URL.
11. Underneath that, add some descriptive text, explaining the photo, in the Alternate text box. (Don't just say photo!)
12. Click on OK.
13. Click on Save changes, to make the image appear on your course page.
We've now added our first image to our Moodle course page to brighten it up! It probably seems like an extremely long-winded way of adding an image, but that's only because it's the first time that we did it. Additionally, remember that we made a folder to put all of our images in, and we won't need to do that again. The more often that you upload images, the quicker it becomes. I can add images now in a matter of seconds; you will be able to do so as well, with practice. Just bear in mind the following points:
Get your image to the right size before you upload it to Moodle.
Make sure that you are uploading an image file—usually having the extension,
.jpg
or.gif
(more on this, later).Don't copy and paste an image from the internet. If the site—that the image comes from—ever goes offline, your image will vanish, and you'll end up with a red X.
Remember our Welcome block? If you click on the editing icon there, Moodle will operate in exactly the same way as it does with the topic summaries. Go back and insert an image there! (Again, not too large an image!) And then move the block so that it is positioned on the upper left of our page, where the eye will naturally start reading from, when a student enters the course. You should now have something like this:
Compare this screenshot with our first view of the course page, as shown here: