How to use website bacgrounds

START LEARNING
FLASH NOW

Get instant access to over
45 minutes of FREE Flash tutorials on video
and our newsletter.

How to use website backgrounds

This tutorial will deal with the use of the free website backgrounds that I have supplied.
In this tutorial I will demonstrate how to use seamless images as website backgrounds and as backgrounds for tables, or cells.

First off, lets use one of our website backgrounds on the whole page.
Save a couple of the free website backgrounds to a folder "images" above where a html file resides.

First Open up your text editor. I recommend Boxer Text Editor, $59.99 USD, delivered via download only: the best text editor I have seen so far!
Insert the following code and save as testbak.htm.

<html>
<head>
<body background="images/bak001.jpg">

<h2> Test Background Picture </h2>
Test for our website backgrounds.

</body>
</html>

Open in your web browser and see what your website backgrounds look like.

Website Backgrounds For Tables

Now, lets use our website backgrounds for a table. Type this in your Boxer Text Editor, $59.99 USD, delivered via download only: .

<html>
<head>
<body>

<h2> Test Background Picture </h2>
Test for our website backgrounds.

<table background="images/bak001.jpg">
<tr>
<td> Row one<br />  column one of our table <br /> line 2      </td>
<td> Row one<br />  Column two of our table <br /> line 2      </td>
</tr>
<tr>
<td> Row two<br />  Column one of our table <br /> line 2      </td>
<td> two two<br />  Column two of our table <br /> line 2      </td>
</tr>
</table>

</body>
</html>

Website Backgrounds for Cells

We can also use our free website backgrounds on individual cells within a table.
Each cell could have a different free website backgrounds picture
So, lets put some code into our text editor.

<html>
<head>
<body>

<h2> Test Background Picture </h2>
Test for our website backgrounds.

<table background="images/bak001.jpg">
<tr>
<td background="images/bak002.jpg"> Row one<br /> 
 column one of our table <br /> 
 line 2  <br />
background 2 in this cell
</td>
<td> Row one<br />  
Column two of our table <br /> 
line 2      </td>
</tr>
<tr>
<td> Row two<br />  
Column one of our table <br /> line 2      </td>
<td background="images/bak002.jpg"> Row two<br /> 
 Column two of our table <br /> 
 line 2  <br />
background 2 in this cell
    </td>
</tr>
</table>

</body>
</html>