Add an HTML Page to a Moodle Course

A Page resource allows students to see a single Web page within a Moodle course. Instructors can format text, add links, insert images and videos, and modify a page's HTML code with Moodle's robust text editor.

Add a Page

1. On your course page, click Turn editing on (top right). Editing icons and links appear.
2. At the bottom-right of the Section where you will add the Page resource, click + Add an activity or resource. The Activity chooser opens. (If you are using the Collapsed topics format, first open the Section.)
3. In the Activity chooser, scroll down to Resources and select Page then click Add. The Adding a new page page opens.
4. In the Name field, enter a title for the page (required). The name you enter displays as a link on your course page.
5. In the Description text box, enter a description (optional).
   Note: To display the description on the course page, check Display description on course page.
6. In the Page content box, add the content to display on the page (required.) Use the text editor toolbar to format the text (change font style, size, color, alignment, etc).
7. Click Save and display to open the page you just created and ensure it displays as expected. New items always appear at the bottom of a Section.
8. You can edit the Page (if editing is turned on):
   • To move the Page link from the bottom of the Section, use its Move icon ( to the left of the link) to drag and drop it in a new location. (For details, see Reorder Sections or Items in your Moodle Course.)
   • To rename the Page, click its Edit title icon (). The title is now editable. To save changes, press the enter (return) key.
   • To edit the page contents or formatting, or adjust other settings, next to the Page link, click Edit, then select Edit settings to reopen the settings for the Page.

Add an image to a Page

The easiest way to add an image to a page is to drag-and-drop the image file from your computer into the Editor entry box. (This option does not work reliably in Chrome). You can also click the Insert image icon () in the text editor toolbar.

Modify the HTML source code of a Page

1. On the Edit/Update Settings page for the Page, in the Editor toolbar, click the HTML icon HTML icon (). The HTML view opens.
   
2. Make changes to the HTML source code in the entry box.
3. To return to the Editor and preview what you added, click the HTML icon again.
4. To save your changes, click Save and display, or Save and return to course.

Note: You can use this method to paste code copied from a service such as You Tube to embed a video onto a Moodle page. For details, see Embed Video or Audio on a Moodle Page.