Using Text and Media Area (Labels) in Your Course

The Text and media area (formerly known as Labels) serves as an informative spacer, source of information or signpost on an Avenue course page. It can be used to add text, images, hyperlinks, multimedia or code between other resources in different course sections. 

Banners, titles or descriptions may be added here to distinguish and highlight different areas. (Be aware that  excessive use of multimedia (sound, video) in Text and media areas can slow down the loading of a course page.) They can display text, images or multimedia items that delineate, demonstrate or introduce course topics, resources, or activities.

There are a number of text and media areas in the Stage 2/3 Exemplar Course. The picture below demonstrates several types of text and media areas which can include formatted text and media types such as images, audio and embedded YouTube content.

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.

Note: The toggle moves to the right, indicating that course editing is now on.

2. Hover your cursor over the dotted line between two activities. The Add an activity or resource button (plus icon) appears.

3. Click on this icon.

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

4. Select the Text and media area icon.

5. The Text and media area editing screen appears with a single row of editing tools.

Note: The TinyMCE toolbar gives this tool its versatility. Any of the editing tools shown in the image below can be used in a Text and media area.

Note: The Title in course index is optional. It is used to reference each object. Learners do not see these titles.

Note: The TinyMCE editor includes a menu bar that offers many editing features.

6. To display more icons in the editing bar, click on the Reveal or hide additional toolbar items icon.

Note: Additional editing icons appear.

Note: In this example, we will create a heading for a reading section in a course.

7. In the Text and media area editor, type the text 'Reading'.    

8. Select the text 'Reading'. A floating formatting menu appears.

9. Click on a Heading option (H4).

10. Click in the white space of the editing area to close the floating formatting menu. 

Note: Images may be used as banners or signposts to clarify, introduce or enhance courses.

1. From the previous section, Adding Text to a Text and Media Area, complete steps 1-5.

2. In the Text and media area toolbar, click on the Image icon.

Note: The Insert image pop-up appears.

Note:  There are three options to upload an image. 

See Option A, Option B or Option C.

1b. Click on the Browse repositories button.

Note: The File Picker appears.

2b. Click on the Upload a file option in the left-hand column.

3b. To add a file from your local computer, click the Choose File button.

4b. Navigate to the file on your computer, select it and click Open.

5b. Click the Upload this file button.

2c. Navigate to the file on your computer, select it and click Open.

Note: The Image details pop-up appears.

3. In the text field, How would you describe this image to someone who can't see it?, type a Description of the image.

Note:  You can change the size (dimensions) of the image here. 

4. Click the Save button.

5. Click on the Save and return to course button.

Note: Recorded media (audio or video) can be recorded and added as a Text and media area on a course page. 

1. Ensure that Edit mode is on. 

3. Click on this icon.

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

4. In the Add an activity or resource pop-up, click on the Text and media area icon.

4. In the Text and media area toolbar, click on either the Record audio or Record video icons.

5. Click on the Start recording button.

6. Click on the Stop recording button when finished.

7. If the recording is acceptable, click on the Attach recording button.

8. Click the Save and return to course button.

Note:  The video or audio recording appears on the main course page with control icons.  

Note: Hyperlinks can be inserted as a Text and media area object on a course page. 

1. Ensure that course Edit mode is on.

2. Hover your cursor over the dotted line between two activities and the Add an activity or resource, a plus icon appears.

3. Click on this icon.

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

4. In the Add an activity or resource pop-up, click on the Text and media area icon.

5. In the Text and media area toolbar, click on the Multimedia icon.

Note:  The Insert media pop-up appears.

6. In the Link tab, paste or type the web address into the Source URL field.

7. In the Name filed, type or paste the the link name.

8. Click on the Insert media button.

9. Click the Save and return to course button.

Note: Media files can be added as a Text and area object on the course page. Media files include audio, video, and animations. In this example, these are digital files.

1. Ensure that course Edit mode is on.

2. Hover your cursor over the dotted line between two activities and the Add an activity or resource, a plus icon appears.

3. Click on this icon.

4. In the Add an activity or resource pop-up, click on the Text and media area icon.

5. Click on the Multimedia icon.

Note: The Insert media pop-up appears.

6. Choose the Video tab.

7. Paste or type a YouTube video address.

8.   Click on the Update media button. 

9. Click the Save and return to course button.

Note: Media files can be added as a Text and area object on the course page. Media files include audio, video, and animations. In this example, these are digital files.

2. Hover your cursor over the dotted line between two activities and the Add an activity or resource, a plus icon appears.

3. Click on this icon.

4. In the Add an activity or resource pop-up, click on the Text and media area icon.

5. Click on the Multimedia icon.

Note: The Insert media pop-up appears.

6. Choose the Audio tab.

7. Paste or type an audio file web address or click on the Browse repositories button.

8. If the Browse repositories button was selected, in the File Picker, select the Upload a file option.

9. Click on the Choose File button.

10. Locate and choose an audio file in your directory. 

11. Click on the Open button.

12. Click on the Upload this file button.

13. Click on the Insert media button.

14. Click the Save and return to course button.

Using Labels in Your Avenue Course

Moodle Documents: Text and Media Area

Moodle Documents: Using Text and Media Area