Site Design

Page 4

Linking with Text or Images or Midi Music

Starting a web page with Notepad:

Images should all be placed in one folder preferably called /images...and everything linked to that folder and the images within.

Linking with images is much like linking with text links except that you use an image not text.  A text link uses text as you see on this web site as a way of linking to each page.

Text Link:
<a href="#top">go to the top</a>
Image Link:
<a href="page1.htm"><img border="0" src="yourimage.gif"></a>

Linking with an image is usually done with a button.  Buttons are small images that have text on them telling a visitor what is on the page that is linked to a page.

Sample Button:

Sample Button

Embedding sound on your pages:  (These should be done at the top or bottom of the pages.)

This is something that isn't necessary, but can be a nice addition to your web site.  If you use FrontPage, it is easier to work with and you can size the image portion a lot easier as well.  If you use a text editor such as Notepad, you will need to find a way to turn it off for your visitors.  As not everyone has the same tastes in music.

<embed width="70" height="26" src="yourmidi.mid">
<embed width="70" height="26" src="yourwav.wav">
Sample 1 Embedded Sound:

This sample gives the visitor no control except for turning the music on and off and pause it.

MIDI:  An Inspired Moment
Used with permission and is
Copyright by Bjorn Lynne

Sample 2 Embedded Sound:

This sample gives the visitor total control of the midi.  It allows them to turn the music on or off; plus, allows them to control the volume as well.  It also allows them to see how long the music will run.  By clicking on the speaker symbol, they can allow the music to run and not hear a sound.

In the above sample, there is the arrow, which turns the music on, the two vertical slashes, which pauses the music, and the square, which turns the music off.

To avoid copyright issues and to speed loading of a page...a midi are preferred over a wav file.  Wavs are actually digitally compressed music files of actual recordings.  Whereas, midis are computer generated and only parts of music files.  As you can see above, I did as asked on the web site that I found the midi on, I gave credit to the author of the midi.  Plus, I placed a link to his site.

Sound should also be placed in one folder preferably called /sound...and everything linked to that folder and the sound files within.  A good way to keep different sounds from being mixed up or linking to the wrong file, is to name the file in which you place them for what it contains.  For example, name the file for midis /midis and for wavs /wavs.  The end results for linking would look like this:

<embed width="70" height="26" src="midis/yourmidi.mid">
<embed width="70" height="26" src="wavs/yourwav.wav">
If you are using sound files that are not music of any form, I recommend naming the file simply /sound.
Another way to code sound is below:
<embed src="welcom98.wav" controls="true" autostart="false" loop="true">

The autostart="false" stops the music before it starts playing.  The loop="true" allows the music to play continually.  This is your method of control within the html document itself.  In either case, simply change to false to true, or the true to false.

To hide the controls of music, you can do as below:
<bgsound src="gbusa.mid" loop="-1">
<bgsound src="glass2.wav" loop="0">

In Mircosoft FrontPage, there is a hide option section when you embed your music.

Again, I actually recommend using Mircosoft Frontpage for designing any web site because you don't need to know html in order to build.

[ Site Design 1 | Site Design 2 | Site Design 3 | Site Design 4 | Site Design 5 | Site Design 6 ]


[ About Me | Site Legal Info | Site Design | CSS Coding ]
[ JavaScripts | Hints & Tips | BackGrounds | Misc. Images ]
[ Templates | Logo Page | Special Characters | Color Chart ]
[ Contact Us! | Awards Won | Links ]
[ Home | Site Map ]


Go to Top

Webmaster & Owner: Anita Eberline
No part may be reproduced without prior permission by Anita Eberline