Step By Step
Chapter 8

Chapter 1 The Tool Bar
Chapter 2 Page Properties
Chapter 3 Text
Chapter 4 Images
Chapter 5 Tables
Chapter 6 Targets and Links
Chapter 7 Sound
Chapter 8 Using Backgrounds and Borders

USING BACKGROUNDS AND BORDERS


You can read chapter 2 on how to set the page's background using composer, so what I will cover here is the correct way to use backgrounds. A background is a graphic file that you have assigned in page properties that the browser will show behind all other content on the page. Background images are tiled (duplicated and laid side by side) onto the page to cover it entirely.
The two basic types I will call regular and bordered

Background - regular
Here is an example of a regular background

Border Background
This is an example of a border background. I've put a border on it so that you can see it better.
Don't worry if the border is too wide for your page, the browser will cut off what it doesn't need.

Whether you are using a border or regular background keep in mind that text has to be legible when printed on it. If you use a really wild background you might want to place your text within a table with a white background so the text can be seen. If you go the route of changing your text color to make it legible, keep in mind the surfers not loading up images off the net. Set your pages background color to about the same color as your background graphic.

There's no problem using regular backgrounds, but there is a little trick to borders. With borders you usually don't want your border graphic overwritten by text. It hides the graphic and usually makes the text unreadable. There are several different techniques you can use to get around this. One way is to put everything on the page into one big table with two columns and no border width. Define the first column by pixel width.
1. First insert a table with 1 row, 2 columns, no border width, 100% of window, aligned left, and not equal column widths.
I've left the border on this table so you can see it
2. Then Click inside the table in the left column, go to Format, down to table info.
3. When the window open up it will be on the cell tab. Set the cell width to pixels at 125. This is a good starting place. You can adjust up or down later. Experiment until you have the right size.
4. Then just treat the right column as the page and put nothing into the left.

I've left the border on this table so you could see it.

The other way is to make a single celled table, aligned right, and set to about 75% of the window. Don't forget not everyone has a large screen and too high a percentage will cause your text to be printed in the border on smaller screens.


NEXT

The PUB Main
FTP Downloads/Instr.
FordPub.com
Step by Step
The PUB Font Archive
Search Engine Submitting
Web Graphics
Ask the Webmaster
Web Tools
Simple Page Writer
You Are Surfer Dude number