WyzGuys Computer Tutors

 Computer Instruction. Web Design Instruction,  and Web Hosting 

 

Insert a Table

 

Site Navigation

Home
Student Registration
Class Resources

Day One

Introduction
Student Sites
Web Structure
Computer Settings
Site & Pages
Explore FrontPage
Web Site Wizard
Shared Borders
Web Page Themes
Page Header
Adding Text
Homework 1
Web Hosting 101
Web Site Design
Home Page Design

Day Two

Introduction
Your Home Page
Adding Pages
About Us Content
Add More Pages
Deleting Pages
Navigation
Link Bars
Custom Link Bars
Hyperlinks
Adding Hyperlinks
Hyperlink Exercise
Publishing
Copy Your Site
Homework 2

Day Three

Introduction
Bullet List
Numbered List
Tables
Table Uses
Create Tables
Graphics Intro
Image Sizing
Photo Editing
Adding Graphics
Photogalleries
Gallery Tool
Saving Images
Adding Music

Day Four

Form Wizard
Custom Form
Form Exercise
Form Properties
Web Components
Add a Map
Add Search Box
Marquee
Buttons
Hit Counter
Split & Code View
On-Line Sales
PayPal Buttons
Building Traffic
Meta Tags
Search Engines
Appendix & FAQs
Adv Techniques
Interactive Web
Conclusion
Evaluation

We use and recommend

for your on-line transactions

Hands On Practice - Tables

Let's make a quick table the easy way.

  • If not on your Practice Page, click on the tab, and then place your insertion point below the bulleted and numbered lists we did earlier.

  • Click on the Insert Table button on the Standard Toolbar and create a table that is 2 columns by 3 rows.

  • Your Table should look like the one below.  In its default format, the columns and rows will appear as evenly spaced, and this table will automatically resize to fit whatever content we place in it.   You can fix the widths of the individual columns or rows using the Cell Properties dialog.

 

 

 

 

 

 

Now let's use the Table Properties dialog.  There is also a Cell Properties dialog that allows you to edit the parameters of a particular cell, or all the cells in a column or row.  We will use this a little later.

  • Click on Table, Insert, Table to open the dialog box.

  • Follow the instructions in the illustration.

 

 

 

 

 

 

The finished table should look like the one at the right. 

  • When we set the percent to 50, it made the table take up 50% of the available screen. 

  • Setting the alignment to right made it slide to the right margin. 

  • Setting the float to right allowed us to write this paragraph of text to the left of the table, so that the text wrapped around the table.

Merging and Splitting Cells

To merge two or more cells together, highlight the cells as in the illustration, and the select Table, Merge Cells.

  • Select the top row in the table we just created, and merge the two cells together.

To split cells, select the cell, and select Table, Split Cells.  When the Split Cells dialog opens, select Columns or Rows, indicate the number of columns, then click OK.

  • Select the lower left hand cell by placing your insertion point inside the cell, the select Table, Split Cells, Columns, and type 3 into the number box.  Click OK.

What happened?

Deleting a Table

To delete a cell, row, column, or entire table, highlight the cells you want to delete, and select Table, Delete Cells.  The cells are removed from the table.

  • Lets delete the entire table we have been working on.  Highlight the entire table, and select Table, Delete Cells.

Add a Table to your Contact Us page

  • Open your Contact Us page.

  • Add a table 2 columns by 4 rows.

  • Highlight the table, right click and select Table Properties.  Set the width to 75%.

  • Highlight the first column, right click, select Cell Properties.  Set the width to 30%.

Your table should look like the one below. 

  • Fill in your contact information.

  • Make the e-mail address a hyperlink.

  • Make the text in the first column bold.

  • Make the border disappear.

Address

355 Second Ave So, Bayport, MN 55003

Phone

651 387-1668

Fax

877 679-6428

E-Mail

bob@wyzguys.com

Adding Rows or Columns

The easy way to add a row to the bottom of a table is simply to tab through the last row of cells, until you get a new row.  Otherwise:

  • Highlight a row or column next to where you want to insert a row or column.

  • Click on Table, Insert, Rows or Columns.

  • When the dialog box opens, choose  Rows or Columns.

  • Choose the number of rows or columns you want to add.

  • Choose whether the rows will be inserted above or below the selected row (as shown), or if inserting a column, you choice will be to the left or the right of the highlighted column.

Go ahead and try this out on one of the tables you created earlier, add a row, then add a column.

Copying a Table from Word or Excel

If you have a table in a Word document or Excel spreadsheet, you can easily copy it from Word or Excel and paste it into FrontPage. 

  • Click on the files named WordTable.doc and Spreadsheet.xls

  • When the download dialog opens, click on save, and save them to My Documents. 

  • Then open them in Word and Excel. 

  • After they open in Word and Excel, highlight them and click on Edit, Copy

  •  Then switch to FrontPage and position your insertion point below the other tables, and click Paste.

As you can see below, you can also insert a Word or Excel table inside of a FrontPage table to help organize them, as shown below.  Normally, I would make the outside table borders disappear, I have left them visible so you can see what I have done here.

Word Table

Name

Bob Weiss

E-mail Address

bob@wyzguys.com

Phone

651 387-1668

 

Excel Spreadsheet

Name

Bob Weiss

E-mail Address

bob@wyzguys.com

Phone

651 387-1668

 

If you are more comfortable designing a table in Word or Excel, feel free to insert your tables using this method.


Back To Exercise Next

 

Curriculum developed by WyzGuys Computer Tutors

All Rights Reserved - updated 12/07/2006

Hosted by WyzHost.com

contact support@wyzhost.com