Excerpts from the Handbook

CD-ROM List Screen Capture


Step 4. Create HTML links or EMBED tags to locate the CD files from course content pages that are linked inside a Content Module:

You do not have to know HTML code to complete this step. You can simply copy and paste the following code examples into your content pages. If you are not comfortable with this process ask someone to sit with you and guide you through the process. It is not hard, but if you have never looked at HTML code before it can be a little intimidating.

1. This Step 4 of the exercise assumes that you have already added a file to a Content Module. If you have not then you need to do that. Choosing a simple page is best for this first attempt.
2. Also, this HTML file being attached to the Content Module can be anywhere in Manage Files except the CDROM folder or subfolders.
3. Click on Content Module icon or title.
4. In the Table of Contents, click the title of the page to which you want to add a link to a CD file. Choose the first page in the Table of Contents for this exercise. Remember, after we demonstrate how to make it work, you can then edit all the content pages to which you want to add multimedia files.
5. From the Menu Bar, select Designer Options. The Main Options screen appears.
6. Select Edit file, and then click Go. The Edit file screen appears.
7. In the text box that appears, the HTML code for this whole page will appear.
8. Scroll down to the location on this page where you want to enter the HTML code that will point to the file on students' local CD-Rom drives.
9. Enter the sample code below depending on whether you want to make a hyperlink to a file or have the file launch automatically. You must include the file path and filename. Sample HTML codes are listed below: The authors always recommend using the /_COURSEID_/ code because this always tells the program to begin looking at the My-Files root level for this course. This will make your work more portable. To create a link that opens the CD file in a new browser window, use the <a href> tag:
   Example: <a href="/_COURSEID_/cdrom/kilaeua.mov">View Kilauea erupting, December 1998</a> Note: This does not work in image captions in textblocks
   ________________________________________________
   (Write your <a href> code on this line)
   

   To create a link that embeds the CD file in the page of content, use the <embed src> tag. Be sure to specify parameters for the media player, such as size, controls, and autostart which you may not want to set to "true" especially if you are embedding more than one file or movie:
   Example: again notice the authors' use of the /_COURSEID_/ coding.

   <embed src="/_COURSEID_/cdrom/kileua.mov " width=300 height=300
   showcontrols=true showcontrols=1 autostart=false autostart=0></embed>

   "Click the control button to watch a short movie clip of Mt. Kilauea erupting
   in December of 1998."

   ____________________________________________

   ____________________________________________
   (Write your <embed> code on these lines)
   This example shows the same file path as the <a href> example, with some extra code telling the media player how big the window should be for this movie (300 pixels by 300 pixels), to display the media player controls, and that the file should not automatically begin playing. Note: Some browsers require specific HTML tags for certain media files. In this example, "true" and "1" mean the same thing, but some browsers recognize "true" while others recognize "1" (false = 0). Notice that you can use either the /xmp or /embed code to end this embed command. You do not have to type anything between the <embed> and </xmp> codes since this code calls the file onto the page.

10. You can type this code in any word processing software, then copy and paste it into your .html file. You may also type it directly into the .html file's source code. Once you have finished entering the HTML code, click Save. The Main Options screen appears.
11. Click Update Student View to make your changes available to students. It is always easy to forget this step. Everyone does from time to time. In this case it can cause extra confusion since you would still be able to view the earlier version of the page without the new coding and might not realize it.

Sections
1 |  2 |  3 |  4 |  5 |  6 |  7 |  8 |  9