Inserting and Manipulating Tables

Some of our page in this tutorial rely on tables to sort information into easy to view pieces. To create a table on your page you can either click on the shortcut at the top of the screen or click on "Insert"  "Table"  "Table" as shown below (inside a table).
 

 
 
You will see the following box after following either of the above commands. In this example you would have a table of one row with two columns, just like the table shown above. You have a number of choices in this dialog box.
Table Alignment - this will place the table on the screen according to your instructions.
Table Width - this will set the table to a certain screen width regardless on how big the image or text is that you insert into the table's cells.
Equal Column Widths - this will set the table to automatically set the columns to an equal distribution. 
Table Background - this will allow you to manipulate the settings of the colors of image you want to use for this table. By clicking on "Choose Image" you will be able to assign an image that you have saved on your computer.
Extra HTML - this will allow advanced users to insert specific HTML code into the table attributes.



 

Cell Properties

After inserting your table you may want to manipulate the settings of the individual cells. Cells are the boxes that added together make up the whole table. Read below for more information on what you can do to the individual cells.
 
 
To manipulate the individual cell properties you will have to click "Format" "Table Properties", then click on the "Cell" tab as it is shown below. We investigate the various options in this dialog box below. 
Horizontal Alignment - this will align the text in your cell according to the option you choose. These options are exactly like you are used to in any word processing document.
Vertical Alignment - this will align your text according to the option you choose vertically. For this cell, we have chosen "Top" vertical alignment.
Cell Span - you may choose to make one cell span the entire height or width of your table, just as we did in the top cell of this table. To do this, you first need to determine how many cells are in the table and make your value equal to that number. If you would rather only have a cell spread itself over a certain number of rows or columns you can do that also but setting the value to the desired number. 
Text Style - you can set the text in a certain cell to act as a header, or non-breaking. We have shown what a header looks like in each of the first cells of both this and the previous table. Headers will act like bold type in a table. 

***Note - the default horizontal alignment for headers is center. In our examples we have changed this alignment by clicking on the "Left" tab in the cell properties box.***

Cell Width and Cell Height - you may wish to set the values for the dimensions of the individual cells. To do this you will need to place values in these boxes and click on either "% of table" or "Pixels." A pixel is a single dot that makes up a graphic on a computer screen. Most single spaces cells are about 30 pixels high.  Cell Background - for this description see the explanation of the "Table Background." 



Click on the arrow to continue with the Composer Tutorial.