Sound/Video Tutorial #2
   
 
A WIT 2001 Advanced Module Developed by Pamela Greyer
 
Sound Adapted and Updated from a 1999 Special Topics Module by Michael Lach
 
Tutorial #2 Adding Sounds To A Web page

To add sounds to your Web pages you will use two tags.  The <BGSOUND> tag, which plays the sound file in the background of your page as soon as it is loaded in a browser and the  <EMBED> tag which places the file inside a Web page.  The <BGSOUND> tag is an HTML tag and works primarily in Internet  Explorer while the <EMBED> tag is actually a command, not a standard HTML tag, that is recognized in Netscape Navigator. The <EMBED> command offers more variety as you can use attributes to select playing a sound automatically when the page is loaded or give the users an option to click on a consoleto turn the sound off or on. Using the <EMBED> command will create a sound console that will appear in their page like the ones below.  To hear the songs,  click on the play button of the consoles below. You can stop them by clicking the stop button or turn the sound down with the volume controller on the left side of the console.
 
 
 
Classical
   
Jazzy

Now it's your turn.  This tutorial will show you how to add a background sound using the <BGSOUND> tag,

Adding Background Sounds

First you'll add a background sound to a Web page.  Here is the tag and file information you will add to the HTMLdocument.

          <BGSOUND SRC=cruisin.mid LOOP=true>
 
  1. Open the tutorial file cruisin.htm in Dreamweaver. (To do this, right-click, or control-click on the Mac, the link above, and choose "Save link as...." and save it into your local root folder. Or, click the link, then choose File|Save as... from the menu.)
  2. Open the HTML Source window and paste the above code in the <body> section of the document near the top.
  3. You will not be able to use the INSERT/MEDIA/PLUGIN feature to do this as Dreamweaver will insert an embed tag. You can embed a sound to play in the background but we'll cover that later.
  4. Save the file as Newcruise.htm
  5. Preview the file in your browser

The Newcruise.htm document should now have "Cruise With Me" playing in the background. You are now ready to proceed to Tutorial 3.

 

 

 

 

 

The contents of the Web Institute Web Site, including the On-Line Curriculum, Web Tank, and Session Notes, are Copyright 1999-2001, Graham School of General Studies, University of Chicago. No one may print, copy, or otherwise reproduce these materials without the express written permission of the Director of the Web Institute for Teachers or the Dean of the Graham School. All rights reserved.