Instructors may create content items with displayed media, such as images, audio, and multimedia files. The media file may be embedded directly within the content item so it is displayed right on the page. These content items may be added to any Content Area, such as Course Documents, or Course Information. Content items are added through the Add Content page.
Note: Users may attach different types of files from the Text Box Editor, using the option in the third row of the action bar. For additional information see the Text Box Editor topic. If the WYSIWYG features are enabled in the Text Box Editor, files set to “Display media within content” will appear within the Text Box Editor after they are submitted.
Follow the steps below to open Add Item page:
Step 1 Select a Content Area, such as Course Documents, in the Content Areas section of the Course Control Panel.
Step 2 Click Add Item on the Content Area page.
The Add Content page may be used to embed media files in a content item. When the Content Area is accessed by a Student, these files will automatically appear on the page. An example of a Content Area with embedded images is shown below. The image file (Train – Image) and the sound file (Train – Sounds) are embedded media files. The handout is an image file that has been linked to this Content Area.
The following steps explain how to embed an image file (for example, a .jpg file) in a Content Area.
Step 1 In the Course Control Panel open a Content Area. In this example, Course Documents was selected.
Step 2 Select Add Item on the Content Area page. The Add Content page will appear.
Step 3 Select a name for the content item from the Name: drop-down list or specify a name in the space below.
Step 4 Choose a color for the name in the Choose Color of Name: field.
Step 5 Enter a description or introduction to the image in the Text: field.
Step 6 Click Browse and locate the image to add to this Content Area.
Step 7 The Name of Link to File: field may be left blank. The image is being displayed on the page, not linked to.
Step 8 Under Special Action: select Display media file within the page.
Step 9 Select the appropriate options for the item in the Options section of the page.
Step 10 Click Submit. Click OK. The File Options page will appear, as shown below.
Step 11 Select the position for the image in the Alignment: and Placement: fields.
Step 12 Use the drop-down list in the Border: field to choose a border for the image. This option determines the thickness of the border around the image. If ‘0’ is chosen there will be no border around the image.
Step 13 Enter a description for the image in the Alternate Text: field. Alternate text is important for visually impaired users who access the Web. Alternate text will also tell users what should appear if, for some reason, the image does not display.
Step 14 Select No in the Launch in New Window: field.
Step 15 Click Submit. A receipt will appear confirming that the content item has been added.
Step 16 After embedding an image file, open the course as a Student and enter the Content area where the file is located to test it. View the image as a Student in the course.
Note: When the option Display media file within the page is selected, the file will not appear in the Currently Attached Files field after the page is submitted. An image tag for the file will appear in the Text box.
The following steps explain how to embed a sound file (for example, a .wav file) in a Content Area.
Step 1 In the Course Control Panel open a Content Area.
Step 2 Select Add Item on the Content Area page. The Add Content page will appear.
Step 3 Select a name for the image from the Name: drop-down list or specify a name in the space below.
Step 4 Choose a color for the name in the Choose Color of Name: field.
Step 5 Enter a description or introduction to the image in the Text: field.
Step 6 Click Browse and locate the image to add to this Content Area.
Step 7 The Name of Link to File: field may be left blank. The image is being displayed on the page, not linked to.
Step 8 Under Special Action: select Display media file within the page.
Step 9 Select the appropriate options for the item in the Options section of the page.
Step 10 Click Submit. The File Options page will appear, as shown below.
Step 11 Select the position for the image in the Placement: field.
Step 12 Choose whether or not the sound file should start automatically when the Content Area is opened in the Auto-start: field.
Step 13 Chose whether the sound file should loop (repeat continuously), in the Loop: field.
Step 14 Select if the controls of the sounds file (for example, Start, Pause, and Stop) should appear with the file in the Show Controls: field.
Step 15 Select the position of the file in the Alignment: field.
Step 16 Enter a description for the image in the Alternate Text: field. Alternate text is important for visually impaired users who access the Web. Alternate text will also tell users what should appear if, for some reason, the image does not display.
Step 17 Click Submit. A receipt will appear confirming that the content item has been added.
Step 18 After embedding a sound file, open the course as a Student and enter the Content area where the file is located to test it. View and listen to the file as a Student in the course will.
Note: When the option Display media file within the page is selected, the file will not appear in the Currently Attached Files field after the page is submitted. An image tag for the file will appear in the Text box.