Adding Sound to a Link in Dreamweaver

Jasmine Starr
Jasmine Starr
  • Published Content: 1,238
  • Total Views: 1,850,099
  • Favorited By: 94 CPs
Full Profile | Subscribe | Add to Favorites
Have you ever been to a site that plays music or makes some type of sound when you mouse over a link? That is really cool isn't it? Well that can be done in Dreamweaver in a few easy steps. Dreamweaver now makes it easy to add sound to any link and you also have the choice of playing the sound on Mo
use Over, Mouse Down, On Click, and more. Before we get started go ahead and locate the wav file that you want to use. By default Windows stores wav files on your hard drive. So you can start by looking in C:/Windows/Media. There you will find many wav files that you can use in Dreamweaver to add sound to your link. Once you have located the wav file that you want to use, move on to the steps below.

Step 1 - Open your Dreamweaver program.

Step 2 - Open the page that you want to add the sound to or if you just want to test it, open a blank page. Save the page as test.html if you are using a blank page.

Step 3 - Highlight over a link that you want to add sound to. If you are using a blank page, create a link and highlight over it. To easily create a link, simply type # in the link field. That will give it the link effect.

Step 4 - With your link highlighted go to the top of your Dreamweaver window and click Window > Behaviors. This will bring up your Behaviors Panel.

Step 5 - In the Behaviors Panel click the Plus Sign. When the box drops down click Play Sound.

Step 6 - A dialog box will pop up. In this box you will click Browse to locate what sound you want to play. Locate the file that you chose at the beginning and click OK.

Step 7 - Look in your Behaviors Panel and Click on where it says ON Click. When the box drops down click On Mouse Over. That will tell it to play when you mouse over the link.

Step 8 - Got to the top of your Dreamweaver window and click File > Save, to save your document.

Step 9 - Go to the top of your Dreamweaver Window and click File > Preview in Browser or click F12 to view it in a Browser.

  • You must use a wav file.
  • You must save the wav file in the folder that your document is saved in.
  • You can add this effect in Dreamweaver MX and Dreamweaver 8.
 
Comments 1 - 3 of 3  
Comments
Type in Your Comments Below
Adding Sounds - HTML Lessons HTML MUSIC / MEDIA CODE - Sound http://html-lesson.blogspot.com/2008/06/music-media-code-sound.html

Posted on 10/23/2008 at 1:10:28 PM

this is true it does not work on any of the major browsers, I'm so sick and tired of having to go into FLASH just to do a rollover sound. Adobe better get with the program!!!!

Posted on 06/29/2007 at 10:06:00 AM

nice tut, but sadly it doesn't work in Firefox. It does work in Opera and IE

Posted on 10/03/2006 at 4:10:00 AM

Comments 1 - 3 of 3 

Have more to say?
Become a Content Producer on AC