Page Module - Composing a Web Page

Course content can be developed directly in an online course using the Page module. Content created with the Page module is formatted in HTML using the standard text editor, which provides many formatting options and flexibility in page design. The Page module supports text, images, audio, video, tables, and links to other web sites and local files. Instructors who use the HTML source editor option can embed content from the Internet by copy-pasting HTML code from other web sites, such as YouTube or Google Maps.

Because the Page module produces content in HTML format, it can be accessed on all types of web-enabled devices, including tablets and smartphones.

There are many ways for instructors to use the Page module to blend face-to-face training with the online environment. Pages can be used to present static information, but they can also be interactive when developed using the HTML source editor.

Pages can also be useful for instructors taking a flipped approach to instruction. Using the flipped approach, instructors assign a Page to learners with a task to complete before the face-to-face class. During the in-class session, learners collaborate to engage with the concepts introduced in the pre-class task.

There is a Page resource in the Stage 2/3 Exemplar Course. It is called Sample Page - Multi-media Activity. It is in the Sample Stage 3 Activities and Resources section.

1. At the top of the Course Homepage, click on the Edit mode toggle button in the upper right corner of the screen to activate the editing tools.

2. Hover your cursor over the dotted line between two activities. The Add content icon (plus icon) appears.

Note: The Add an activity or resource pop-up appears.

4. Select the Page icon.

5. In the General section, type a brief, descriptive Name for the Page. This name will be used as the link to the Page.

6. Type a Description of the Page.

7. Compose the web page in the Page content text box in the Content section. The Text editor is the same editor found in other Moodle tools.

8. When the Page content is satisfactorily formatted and ready, click Save and display to view the Page.

• The editor offers a variety of features, such as options to change the style and size of text. For consistency across the course, headings should be formatted using the Paragraph styles option in the Format menu.
  
  
• Text can be copied and pasted from Microsoft Word into the Page content text box; however, Word formatting may not transfer correctly into the Moodle interface. If the formatting cannot be adjusted successfully, it is recommended to first paste the text into a plain text editor (such as Windows Notepad) to remove existing formatting, and then copy and paste it into the Moodle Page editor.
  
  
• For users familiar with HTML (HyperText Markup Language), the Source code option in the View menu allows you to edit the page layout or paste code to embed content from external sites.

These instructions explain how to embed a Google Map into a Page. The same process can be used to embed other websites into the Page.

First, follow the instructions below to find the HTML code for a Google Map.

1. Type the desired location into Google Search.

2. Click the Maps tab.

3. Ensure that the map to be embedded appears in the current map display. If multiple locations have the same name, choose the correct one.

4. Click the Share icon.

5. Click on Embed a map.

6. Click the drop-down menu above the embed code to change the size or select a custom size.

Note: The size of the preview map changes as different options are selected, and the embed code updates accordingly.

7. Click on the COPY HTML link.

Note: The embed code is now copied to your clipboard.

9. In the drop-down menu, choose Source code.

Note:  The code does not word-wrap.

11. Click on the Save button. The map is displayed in the Page content text editing box.

12. Click Save and display to view the Page.

Page: Display Information

Moodle Documents: Using Page

Moodle Documents: Page Resource Settings

Moodle Documents: Text Editor

Moodle Documents: Text Editor FAQ