A Guide to Creating Free Web Pages on  an OS X Mac



Home Index

Software Check and Download

File and Folder Set Up

Make a
Table


Add Text

Add
an Image

Create
Links


Publish

How can you make a web page?




Learning Object
Meta Data

Site Map




Acknowledgements:

mozilla link

geo cities

gifanimations.com

Animal Art Archive





Email Site Author

Branden Hazlet
      
Make a Table

brain gears

KEY IDEA: A Table helps to structure and add color to you web page



 Step 13.  You should now be back to your Composer window and it will look something like this:
          
composer



Step 14. Click on the 'Table' icon icon in your Composer window to call up the Table tool you see below. 
Leave the  rows and columns at 2 and 2, but change the border to 4 pixels.

table tool

Click OK



Step 15.  You will now have a 2 x 2 grid on your page that looks like this:
2x2 table



Step 16. Each square in the 2 x 2 grid is called a 'Cell.'  
Double Click in the top left 'Cell' to bring up a formatting window.

table cell format




Step 17
In the Height: box type 300, and in the Width: box type 300.

Then click on the Background Color button and choose a green
Background Color.

set heigt and width to 300, color to green

Click 'OK' after you type in the sizes and choose a green color
          
Your page will now look something like this:

  composer with one green cell



Step 18.  Double Click in the bottom leftt 'Cell' to bring up a new formatting window.
Make this formatting window say Height:  150  and chose a blue Background Color.

table format height 150 color blue

Click 'OK' after you type in the Height and choose a blue color
          
Your page will now look something like this:

composer with blue and green cells



Step 19. 
Double Click in the top right 'Cell' to bring up a formatting window
and choose a red Background Color.

Then Double Click in the bottom right 'Cell' to bring up a formatting window
and choose a yellow Background Color.

Your page will now look something like this:

4 color cells





Step 20. 
This is a good time to click save then click here to add text to one of your Table Cells.