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)
|