Notes

Slide Show

Outline

1	Creating a Watermark Background Using Fireworks
2	Open an Appropriate Graphic in Fireworks
3	We want to reduce the opacity
4	Save the Image Place the image in your project folder
5	Modifier in the <body> tag Use this modifier in the <body> tag Background=“image.png” Use this modifier instead of bgcolor=“#ffffff” Do NOT use both modifiers Use either Background=“image.png” OR Bgcolor=“#ffffff”
6	PREVIEW IN BROWSER You will not get the total transparency effect until you preview your pages in your browser. Make sure you preview your pages in at least Internet Explorer and FoxFire to determine Internet appropriateness.
7	Graphics in <body> tag will Tile Graphics in the <body> tag will tile across the page just like floor tiles repeat themselves. How much tiling takes place depends upon the size of your graphic. You can create “ribbons” by tiling a graphic that is at least 1200 pixels wide. Height is not as much an issue. See: http://www.arpisd.org
8	Background “tiling”
9	Background “tiling”
10	Background “tiling”
11	Using the “ribbon” effect
12	The ribbon (side border graphic) is…actually a graphic that is 1440 X 64 pixels. This graphic takes advantage of the tiling effect. It was drawn in paint.