Using Text and Media Area (Label) 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.

• Sample Text and Media Area 1
• Sample Text and Media Area 2

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 content button (plus icon) appears.

3. Click on this icon and select the Activity or Resource option.

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 provides a variety of formatting and editing options. The tools shown in the image below can be used to format content in a Text and media area.

Note: The Title in course index is optional. It is used to identify the Text and media area in the course index. Learners do not see this title in the course content.

Note: The TinyMCE editor includes a menu bar with additional editing features.

6. To display additional tools in the editing toolbar, click Reveal or hide additional toolbar items.

Note: Additional editing tools 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 'Reading'.    

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

9. Click on a heading option, such as H4.

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

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

Note: Images can be used as banners or signposts to clarify, introduce or enhance course content.

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 ways 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. In the left-hand column, click Upload a file.

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

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

5b. Click the Upload this file button.

2c. Navigate to the image 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:  The image dimensions can also be changed in this window.

4. Click the Save button.

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

Note: Audio or video can be recorded directly in a Text and media area and added to the course page.

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

3. Click on the Start recording button.

4. Click on the Stop recording button when finished.

5. Review the recording. If it is acceptable, click on the Attach recording button.

6. Click the Save and return to course button.

Note:  The video or audio recording appears on the main course page with playback controls.  

Note: A hyperlink can be inserted to a Text and media area on a course page. 

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

Note:  The Insert media pop-up appears.

3. In the Link tab, enter or paste the web address in the Source URL field.

4. In the Name filed, enter or paste the text that will be displayed as the link.

5. Click on the Insert media button.

6. Click the Save and return to course button.

Note: Media can be added to a Text and area on a course page. Media can include audio, video, and animations. In this example, a YouYube video is added.

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 Multimedia icon.

Note: The Insert media pop-up appears.

3. Select the Video tab.

4. Enter or paste the YouTube video address.

5. Click on the Update media button. 

6. Click the Save and return to course button.

Note: An audio file can be added to a Text and media area on a course page.

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

2. Click on the Multimedia icon.

Note: The Insert media pop-up appears.

3. Select the Audio tab.

4. Enter or paste the web address of the audio file in the Audio source URL field or click Browse repositories to upload an audio file from your computer.

5. If you selected Browse repositories, select Upload a file in the File picker.

6. Click on the Choose File button.

7. Locate and select the audio file on your computer. 

8. Click on the Open button.

9. Click on the Upload this file button.

10. Click on the Insert media button.

11. 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