Char's html tips and Baxter family history

              
SOME TIPS AND TRICKS I WANT TO TRY!
Tips From
Free web master tips

TIPS       (TOP)

MAKE A WEB PAGE LOAD FASTER

CREATE LINKS WIHTOUT THE UNDERLINE

TRICK WITH TABLES

NAMED ANCHOR

HOW TO CREATE YOUR OWN CUSTOMIZED AUDIO FILE 

HOW TO PRELOAD YOUR GRAPHICS FOR SMOOTHER BROWSING


MAKE A WEB PAGE LOAD FASTER   (TOP)

You can save loading time by using one or more of the images from the front
page on your other pages (these will be on the browser's cache ans will load
much faster).

If you have an image that loads slowly, you can put it on the page leading
to it (at the bottom of the page) by simply adjusting the width and height
to 1.


For example:

<IMG SRC="Imagename.gif" border="0" width="1" height="1">

This will make the image on the first page almost invisible, but it will
save the image in the browser's cache.
Always use height and width tags on your images. This way the browser
will know were everything is before the images are loaded. The users can
start to read what is on your site before all images are loaded.
Remove "white space" (the spaces between your coding). You can do
this manually to avoid confusion and to get the best results (there is a
"HTML Page Squisher" program available, but this may cause problems
with some browsers).
Last but not least, make sure your front page is as short as possible. A
longer page will take a long time to load, even if it's all text. You can
always use a link with extra info on another page.

CREATE LINKS WIHTOUT THE UNDERLINE      (TOP)

Even though underlines help identify the links, there are situations where

you would want to have links without them (to be special, different, or to

create some effects etc.). Again, CSS (cascading style sheets) allow us

to do this. Here's the code:

<!-- Insert this code to the HEAD tags -->

<STYLE TYPE="text/css">

<!--

a {text-decoration: none;}

TRICK WITH TABLES      (TOP)

Another fun trick that you can do with tables is to adjust the

background transparency of a table just by adding transparency="??%"

some where in your (table) tag. example:

(table bgcolor="??????" width="??" height="??" border="??"

transparency="??%")

NAMED ANCHOR      (TOP)

First just make your links as usual except you add "#name" inside the

tag. You can call them anything you prefer as long as the names are the

same in the link going to them.

<A HREF="#TOP">To the top</A>

<A HREF="#MIDDLE">To the middle</A>

<A HREF="#BOTTOM">To the bottom</A>

Then you have to add the following to the spots on the page that you

want people sent to.

<A NAME="TOP"></A>

<A NAME="MIDDLE"></A>

<A NAME="BOTTOM"></A>

This can be used on any page that you are linking to (so that you can

link to a certain spot on a different page).

HOW TO CREATE YOUR OWN CUSTOMIZED AUDIO FILE    (TOP)

This time is about creating your own audio files for greeting your visitors.

This can be extremely useful if you are running a business, but any site

can use a bit of a personal touch.

In Windows 95 there is an audio recorder program that will create wav

files. Go to Accessories, then Multimedia, then Recorder. If you have a

microphone and speakers, you are all set to record your own voice

message. These recordings should be only 8-12 seconds long because

they create very large files. These wav files are not compressed like

streaming audio (but that's for later).

You can set up your audio file so that the major browsers, Internet

Explorer and Netscape, will automatically play it when the page is

opened. However, the two browsers require different HTML coding.

IE will play the file automatically when you insert this HTML code inside

the <head> section. Simply insert the following into the head of your

document:

<bgsound="Yourvoice.wav" loop="1">

This code tells Explorer to play the voice clip "Yourvoice.wav" one time

(loop="1") when the page opens. The "Yourvoice.wav" file is the brief

voice recording you make in wav format. Of course you can name it

whatever you wish.

Netscape requires a different HTML code. Insert at the bottom of your

page this coding:

<embed src="Yourvoice.wav" hiddden="true"

align="baseline" border="0" width="25" height="15">

</embed>

So that visitors using either browser can hear your message, you must

insert both the IE and Netscape codes. Oh, and remember to keep it

very short.

HOW TO PRELOAD YOUR GRAPHICS FOR SMOOTHER BROWSING     (TOP)

If you have multiple pages with many graphics (and other multimedia

files), you can make browsing your site a smoother experience for your

visitors by building a mini cache for your site. Of course, all major web

browsers have their own caching system. However, all of them cache

files after you see or hear them at least once, which of course does not

give the optimum performance during the first visit to a page.

The trick is to pre-load most widely used images at your site. For

example, your visitor is at your home page and the next pages have

some images that are perhaps a bit big. You can use this Javascript to

pre-load them:

<SCRIPT LANGUAGE="JavaScript1.1">

img1 = new Image

img1.src = "Image1.gif"

img2 = new Image

img2.src = "Graphic1.gif"

</SCRIPT>

Paste the above code into the first page (in this example your home

page). Make sure you change the names "Image!.gif" and "Graphic1.gif"

to the names of your real images.----------------------

.

 (TOP)