HOW TO BUILD A PROFESSIONAL WEB SITE Rel. 1.1

LESSON 02 - Chapter f

by Carlo Scodanibbio

home

enrol

Lessons

welcome
1 - chapter a
1 - chapter b
1 - chapter c
1 - chapter d
1 - chapter e
1 - chapter f
1 - chapter g
1 - chapter h
1 - chapter i
1 - chapter j
1 - chapter k
2 - chapter a
2 - chapter b
2 - chapter c
2 - chapter d
2 - chapter e
2 - chapter f
2 - chapter g
2 - chapter h
3 - chapter a
3 - chapter b
3 - chapter c
3 - chapter d
3 - chapter e
3 - chapter f
3 - chapter g
3 - chapter h
4 - chapter a
4 - chapter b
4 - chapter c
4 - chapter d
4 - chapter e
4 - chapter f
4 - chapter g
4 - chapter h
4 - chapter i
4 - chapter j
4 - chapter k
5 - chapter a
5 - chapter b
5 - chapter c
5 - chapter d
5 - chapter e
5 - chapter f
5 - chapter g
6 - chapter a

Back to our course.
Once you have saved in your Mywebpage folder the Graphic File motiv.gif, your folder will show its icon, that might be similar to this (but might also be different - it depends on which is your default software program set to open .gif files - I will explain this issue in a future Lesson):

Now you are ready to insert a textured background in your testpage.
Your BODY Tag code should be like this:

<BODY BACKGROUND="motiv.gif">
This is my first Web Page !!! Huh, I am so proud of it !!!
</BODY>

and your Browser, after refreshing it, will display this:

Improving, isn't it ? Are you more impressed, now ??

Now let's do some considerations:

In the BODY Tag you may use the Attribute BACKGROUND, or the ATTRIBUTE BGCOLOR, or none at all ( = getting a white or grey Background), but you cannot use both BACKGROUND and BGCOLOR at the same time, or your Browser will be totally confused
If you use BACKGROUND as an ATTRIBUTE, it must be set at the filename of a Graphic .gif or .jpg file. As usual, you must insert the = sign and enclose the Filename within quotation marks - besides there must be a space between BODY and BACKGROUND
The Graphic File must be saved in the same Folder in which your Page Document is saved, in this case in the Mywebpage Folder.
What the Browser does: it creates a Page Body (BODY Tag) and then looks for a File motiv.gif (the "value" of the Setting of the BACKGROUND ATTRIBUTE) in the same Folder in which the HTML Document is. When the Browser finds this file it does a nice tile laying work, displaying the selected picture one next to each other horizontally and vertically in the background, until the Body area is full of such tiles.
Isn't it clever ?
The physical dimensions (in pixels) of the picture selected as background image should not be too large, otherwise there will be little tiling effect or almost none at all. These issues will be more clear when we shall deal with Images in a future Lesson.
Graphic files suitable for Backgrounds can be found (by the thousands) on the Net. At the bottom of this Lesson I am giving you addresses of Sites where you can get these files (for free, obviously).

shut-down this HTML story !

http://webbuildcourse.tripod.com

full details of this Course at
http://www.scodanibbio.com/webbuild