Frontpage Express Tutorial Tables
Inserting Text and Images into Tables

Bookmark This Page

Frontpage Express Tutorial

In this tutorial we will learn how to insert Text and images into tables.

Tutorial #1 showed how to basically make a webpage. Now we need to get a little more fancy to keep our visitors happy. *smiles*.

Inserting Tables.

Tables allow you to make a very neat page and have your page suitable for all size monitors. If you state a percentage of 90% for example, your page will be 90% of whatever size monitor your guest is using.

Tables also give you a way to place an image on one side of your page with text on the other side without having to know html taging. You can have 2 or 3 columns or whatever, depending what your needs are. They are great. :-)
Let's get started.

1. Place your cursor where you want the table to start.
(In this example we will make a table with 1 row and 3 columns.
The first column will be a directory of your new site.
The 2nd column some text, and the 3rd column an image.)

2. Select "Table", "Insert Table".

3. In the popup window, set rows to 1, columns to 3, alignment to center.
4. At "width, check specify width and set at 100 then check "in percent".
5. Click "ok".

Your table should appear on your page and look like this:

To make it easy for this tutorial we will put a border around the table. (It will help us see what's going on, *smiles*)

6. Click inside the table and select "Table" from the top toolbar.. Then select "Table Properties".
7. In the popup box, set border size at 2. Click apply. Click ok.

Now our table looks like this:

8. You can click inside the 1st column and type in your menu.
9. Click inside the 2nd column and type you content.
10. Click inside the 3rd column and insert your image.

Without the border your table would look like this:

Changing column widths.

We will now alter the column widths to allow for more space for the content.

11. Click inside the 1st column, Select "Table". "Cell Properties" and set the following attributes.
Horizontal Alignment; Left.
Vertical Alignment. Top.
Background Color. Yellow
Check "Specify Width". Set at 15. Check "In Percent".
Click Apply. Click ok.

Next click inside column 2 and select "Table", "Cell Properties" and set the attributes as;
Horizontal alignment "center".
Vertical Alignment "Top".
Background Color "Default".
Check "Specify Width. Set at 70. Check "In Percent".
Click "Apply". Click "OK"

13. Click inside 3rd column. Select "Table". "Cell Properties" and set the following attributes.
Horizontal Alignment. "Right"
Vertical Alignment. "Top"
Background Color. "Default"
Check "Spcify Width" Set at 15. Check "In Percent"
Click "Apply" Click "OK"

Our table now looks like this.

Well done. You have just completed your first lesson using tables. But there is more fun yet to come with tables.

Other Frontpage Express tutorials
Opening pages.
Saving your pages.
Adding a background and text.
Hyperlinks, text and images.
Using tables.
Forms and drop down menus