This technique actually involves using two main pages.
The first page which would be our index.html is nothing
more than a collection of small, efficient graphics that lead
a reader to the actual home page.
In our example page, the idea is to pick up the theme of a
company brochure. This way we try and accomplish two goals.
First, we reinforce our advertising campaign with our web page, and
then hopefully pique the reader's curiosity. The graphic that I
selected has a natural target for the reader to click on, but I
also included a text link to the main page, just in case...
One particular problem with our Door Mat Page, is that is has
no text. This on the surface presents a problem for a search
engine attempting to index it. Be sure to use
META Tags so that the page
is properly indexed. Another trick is to set your text color
the same as the background color, then you can hide text at
the bottom of the page. This is useful for providing information
to people with their graphics disabled, and of course it provides
more meat for those ever hungry spiders.
This example page actually
consists of two pages. The first is the Door Mat. To see the
real home page, just click on the target. Each page is designed
for a 640X480 display. Source code for each page is presented
directly under the example. The navigation buttons at the bottom
of each page are for this site, not for the example. You might
just want to return here using your back arrow button.
Another point I would like to make has to do with using a
black background. If you set your BACKGROUND=#000000 and your
TEXT=#FFFFFF, anyone attempting to print your page will end
up with blank pages! In my example real home page,
please notice that I set my TEXT=#CCCCCC. This is a grey, but
it will at least leave some ink on the paper.
- Bruce