Don Southwell - Delta College Faculty Web

Lab Activity: Sound and Video Lab Activity

For this activity, you will use last weeks frame based webpage that includes content from three other web pages - adding a special page that demonstrates the insertion of sound and video.

Step 1: Modify list.html to include a link to media.html

Remember: This frame appears in the left menu frame of your web page and will simply act as a menu listing for your page. Add code (example below) for an additional menu item - "Multimedia Page."

<A HREF="media.html"TARGET=target><CENTER>Multimedia Page 

Step 2: Create media.html using the following HTML code as a template: (Remember to add your preferred sound and video files.) You will need to use web resources to locate some appropriate sound and video files.

<HTML>
<HEAD>
<TITLE>Sound and Video</TITLE>
</HEAD>

Put some text here to introduce your sound and video multimedia page.

</H1></CENTER>

Hit the start button to play my embedded sound example
<EMBED SRC="?.wav" width="145" height="60" autostart="false" />

This is an example of a sound link
<A HREF="?.wav">Little Rock Diddy</A>

This is an example of a sound link using an image as a clickable sound link
<A HREF="joe.wav"><IMG SRC="?.gif"></A>

Here is link to a video clip - Clicking on the clip causes it to display in the default video media player.
<A HREF="?.wmv">Countdown Video</A>

Here is link to a video clip demonstrating embedded video.
<EMBED SRC="?.wmv" width="200" height="200" autostart="false" />

</BODY>
</HTML>

* Every "?" requires you to add something. Also, modify the text, play with the formatting, have fun with the exercise.

When you are done, your frames website should consist of:

myframes.html
title.html
list.html (modified in this lab)
welcome.html
bio.html
email.html
media.html (created in this lab)

Step 3: Upload all of the files to your student.delta.edu directory and test your page(s).

Step 4: Now that everything works....make it look cool! Play with the backgounds, colors, etc. Add some graphics if you want.

Step 5: When your happy with what you've done. Print the page you've created for turn-in and mail me a link to your myframes.html file.