Search Google Appliance

Information Technology

Add an HTML Page to a Moodle Course

We're taking you to an updated version of this article.

UMass Amherst Information Technology support articles are now updated in the new IT Knowledge Base. We found an updated version of this article, so we're sending you there.

Taking you to:

umass.service-now.com/sp
Redirecting in
10s

Stay here to view this page in the legacy Support Center.
Information may be outdated as these articles are no longer maintained.

Find answers to your tech questions in the new IT Knowledge Base.

UMass Amherst Information Technology support articles are now updated in the new IT Knowledge Base.

This article is part of our archived legacy Support Center and may be outdated or inaccurate.
We did not find an updated version of this article. That means this archived content is more likely to be outdated or no longer relevant.
Check the new IT Knowledge Base for updated information:

More tech help options

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. In the menu bar at the top of your course page, select Turn editing on (green pencil icon pencil icon). Editing icons and links will appear.
  2. Locate the Section where you want the link to the page to appear.  If the section is collapsed, click the arrow icon above the Section name to expand the section
  3. At the bottom of the section, click + Add an activity or resource.  The Add an activity or resource pop-up will open showing a tile for each available resource or rctivity.
    Note: By default, the panel opens to All and shows all activities and resources. If you have starred favorite items, the panel will open to Starred. To view only resources, at the top of the pop-up, click Resources.
  4. (Optional) On the Page tile, for information, click the Information icon (information icon). If you frequently add Pages, click the Star icon (Favorite star icon) to add this resource type to the Starred tab.
  5. Select the Page icon or link. The Adding a new page page will open.
  6. In the Name field, enter a title for the page (required). The name you enter will display as a link on your course page.
  7. In the Description text box, enter a description (optional).
    Note: To display the description on the course page, check Display description on course page.
  8. Under Content, in the Page content box, enter the content that will display on the page (required). Use the text editor toolbar to format  text (change font style, size, color, alignment, etc) and insert media.
  9. Click Save and display to open the page and ensure it displays as expected.  
  10. From your Moodle course page, you can edit the Page. Click Turn editing on (green pencil icon pencil icon) to move, rename or edit the page:
    • New items always appear at the bottom of a section.  To move the Page link from the bottom of the Section, use its Move icon (Moodle 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 (Moodle edit icon). The title will become editable.  To save changes, press the enter (return) key on your keyboard.
    • To edit the page contents or formatting, or adjust other settings, click Edit (at right) then select Edit settings to reopen the settings for the page. The Updating Page in Topic page will open.

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 may not work reliably in all browsers). You can also click the Insert image icon () in the text editor toolbar. For details see Add Images in Moodle.

Modify the HTML Source Code of a Page

  1. On the Addking/Updating Page...  page, in the Editor toolbar, click the HTML icon (html source code icon). The HTML view will open.
     
  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 in HTML "embed" code provided by some hosting services to embed media on a Moodle page. For details, see Embed Video or Audio on a Moodle Page.