This post explains how to create a webpage on Moodle that contains pictures, videos and hyperlinks to websites and files.
Turn this: Into this:
Many Moodle courses are simply lists of uploaded files. By creating a page you can explain content and links rather than relying on students to understand the files by the filename alone.
This post assumes that you know about turn editing on, how to add resources to a course and familiarity with settings pages.
Moodle Page resource
The first thing to do is add a page resource to your course. This will create a link in the course list which opens a webpage.
Turn editing on, click add an activity or resource and choose page resource.
The settings screen is very simple. Add a name (which will be the name of the link), and give an optional description.
The page is written in the page content area.
Adding a link to a piece of text is easy. You can link to websites or files.
Creating a website link:
1 Highlight some text
2 Click the link icon
3 The insert edit link box will appear
4 To add a website link type the URL into the Link URL box. For example to make a link to the BBC website enter http://www.bbc.co.uk into the Link URL box.
5 Click insert and the link has now been created
To add a link to a file
1 Follow steps 1,2,3 above.
2 When the insert edit URL box appears, click the browse button (red highlight below):
3 This opens the Moodle file picker. Choose the file to link to, and insert it.
4 The text link has now been created.
Adding a picture
There are two ways of adding a picture, by using a URL of a picture on the internet, or upload a picture to the Moodle server. Both are explained below.
First, in the editor box put the cursor to the position on the page where you want to add the picture
Click the insert image icon:
To get the image dialog box:
You can insert an image from a URL or upload an image.
Insert image from URL
In the insert / edit image box, enter the URL of the picture in the Image URL box:
This will preview the image. If you’re happy with it click Insert.
Upload a picture
If you want to upload a picture from your PC then open the Insert Image box and click Find or upload an image.
This opens up the file picker where you can upload a file or browse recent files. Upload and select the file you want to use and click insert.
This will display the image in the editor.
If the image is too big click the image to select it and use the drag handles to resize it
Manipulating the picture – resize and alignment
The image is inserted into the page. However we need to align it with the text.
Aligning an image with text
Right click on the image and choose Insert edit image
Choose the left alignment to place the picture on the left, or right to put the picture on the right.
The image is now left aligned with text on the right.
Adding video is a similar process to adding an image. Use the add a media button which is next to the add a picture button:
Click on “Find or upload a sound, video or applet” button, and you will see the file picker.
Upload the file (.flv flash video is guaranteed to work in Moodle, other file types might not work. We have another post following soon about media types).
The video will be displayed as a blue link with the file name.
When you click save then the video preview will appear:
Here is the final page: