Lesson 14.

Backgrounds
Borders
List look
Link color
Headings
Aligning

One way to make a dramatic change to your page's look is to use a background image. Funky scenes and cool patterns and textures can really make your Web page stand out from the rest. And, in the World Wide Web, where there are so many pages people can look at, you really need yours to be eye catching.
What is the code?
 
In the BODY TAG of your page's code insert,
background="name of your image.gif/jpg"
 

<HTML>
<HEAD>
<TITLE> Cool page title. </TITLE>
</HEAD>
<BODY background="somethingorother.gif/jpg">
</BODY>
</HTML>

  1. The image you want to use as your background must be saved in the same folder as the page you want to put it on.

      If you can't remember how to save images onto your page here's a quick reminder :
    • Position the cursor over the image/pic you want to use as your background.
    • Click on and hold down the right side of the mouse and a popup menu will appear.
    • Select "Save this Image as..." from the menu and a box will appear.
    • In the white FILE NAME bar, type in the name you want to save your image as.
    • In the white SAVE AS TYPE bar underneath, check to make make sure it shows GIF or JPG, depending on what your image is.
       Most images that appear in the World Wide Web are either GIF of JPG files.
    • Before you click on the SAVE button, make sure the white SAVE IN bar at the top of the box is displaying the folder/directory in which you want to save your image.
    • Finally, click on SAVE and there you have it.

  2. You can use any image you want. It will show up as a tiled background.
  3. Try and make it so that the background image complements the text on your page and does'nt overpower it.
  4. To get an idea of how radically you can change your page's look by using background images, take a look at the different pages in this lesson. You can see I definitely had fun this week!