HOW TO BUILD A PROFESSIONAL WEB SITE     Rel. 1.1

LESSON 02 - Chapter e

How to build a Professional Web Site by Carlo Scodanibbio Valid XHTML 1.0!
home course program course leader enquiries enrol testimonials download

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

the background attribute

hot, hot, hot...
TIP
Always remember: a plain, white background assures the best "readability" of any Web Page !!

      Now I know already your next question: ...can I rather introduce a nice "textured" graphic background in my Page ?
Well, well, I know you like these fancy things, because you have seen many beautiful Pages on the Net made this way. No problem.

What you need in this case is to insert a different ATTRIBUTE in the BODY TAG, which is BACKGROUND (instead of BGCOLOR).
Then you also need a Picture to be "laid down" or "tiled" in the BODY of the Page. This Picture must be in .GIF or .JPG format.
So far I have told you nothing about Images and Graphic Files, which I will do in a future Lesson, so you will just have to believe me in what I am saying.

This picture.gif or picture.jpg file can be obtained in various ways, but must in any case be saved in the same folder as your HTML Document (in our case, in the Mywebpage folder).
The BODY TAG will look as follows:

<BODY BACKGROUND="picture.gif">
This is my first Web Page !!!
</BODY>

So, what you need is a graphic file.
I have one ready for you, that is called motiv.gif. I have made it and when displayed by the Browser looks like this:

a background image

Now, how do you put its file inside your Mywebpage Folder ?
Very easy. In fact you will be surprised by the good news I am going to give you now.
Just follow these basic steps:

Right click on the displayed Image. A pop-up menu will appear. Choose (click on) "Save Picture As...". Like this:

img

The usual Save As Dialog Box will appear, like this:

img

You may note:

  • The clever Browser is already proposing the name of the file to be saved, in this case motiv
  • The clever Browser is also proposing the file type, in this case .gif
So what is left to do is to find, as usual, your Mywebpage Folder in Desktop, and save the graphic file there. Voilá.

A couple of Remarks:

  • Netscape users will follow a very similar procedure. The only difference is that Netscape presents a menu which contains "Save Image As...." instead of "Save Picture As..."
  • I know you are very sharp, and I also know what question is turning in your mind: "....so, if I follow a similar procedure when I am surfing the Net, can I save in my computer all those beautiful images displayed there ???"
    Well, the answer is YES !!!!. BUT, we have to talk about copyright implications. I will do this in a future Lesson. Heh, heh, heh....

previousgo back to previous chapter shut-down this HTML story ! go to next chapter - if you still have enough energy....next

http://webbuildcourse.tripod.com

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


Copyright © 2001 onwards Carlo Scodanibbio | All Rights Reserved