Background Tiling
We now show how to use an image (in GIF
or JPEG format) to "tile" the background
of your homepage. By this, we mean that the browser takes an image
and uses it to cover the background of a page by repeating the image
as many times as required. Any text and images displayed on that
page then appear against this tiled background.
On this page we have changed the tiled background for illustration.
A well-chosen tiling for the background can greatly enhance the
appearance of a page, but the downside is that tiled pages generally
take longer for the browser to load.
Obtaining an Image
First, we must get an image suitable for tiling a background. Use
the browser to go to the address
http://www.alco.org/help/web_page/sampletile.jpg
Save the image that is displayed in your folder under the default
name (sampletile.jpg).
Tiling Your Homepage Background
Now go to your homepage file (assumed to be in the same folder
as the image just stored). Near the top of the file there will be
a line
<BODY BGCOLOR="#ffffe0"
TEXT="#ff0000" LINK="#00ffff"
VLINK="#00ffff" ALINK="#FF0000">
|
Edit this line to insert the text BACKGROUND="sampletile.jpg"
immediately after <BODY so that the line reads
<BODY BACKGROUND="sampletile.jpg"
BGCOLOR="#ffffe0" TEXT="#ff0000"
LINK="#00ffff" VLINK="#00ffff"
ALINK="#FF0000">
|
Notice that the case does not matter for the HTML itself (so background=
or BACKGROUND=, or even BaCkGrOuNd= are equivalent),
but the files names may be case sensitive, so sampletile.jpg
should be typed exactly as written, in lower case.
Save the changes in the file, and reload your homepage with the
browser. You should now have a page with the background tiled by
the image you just downloaded.
Experimenting on Your Own
You can experiment with different tilings just by changing BACKGROUND="sampletile.jpg"
to the name of another GIF or JPEG file copied to your folder. Use
care however; there is no harm in experimenting, but don't settle
on a background that makes it difficult for someone to read your
pages. The Web page designer must always walk a fine line between
aesthetics and legibility. Frankly, this back is quite annoying
itself.
Home
| Next | Back
| Help
|
