Tables in FrontPage

CS 102

Apr. 1, 1998

Have your previous labs handy in case you need to refer to them. As we progress, we're building a skills set and adding to it each time we do a lab. The lab handouts are your refreshers when you forget skills --- bring all of them with you to class.

Today we're going to use tables to create a small ``newsletter.'' The primary purpose of tables is controlling placement of text blocks and images. See
http://phoenix.goucher.edu/~kelliher/cs102/spring98/table/ for an example of how this newsletter is ``supposed'' to look.

Instructions

1. Using FrontPage Explorer, open any of your webs. From Explorer open the Editor (Don't close Explorer!) and open a new Web page. Save the page with the title Tables in FrontPage and the file path table.htm .

2. Apply a background color to the page.

3. So that you'll be able to see the table's ``frame,'' you'll need to turn on format marks. Open the View menu and make sure Format Marks is checked.

4. First, we'll create a table for the newsletter's title banner. Open the Table Menu and choose Insert Table. Use 2 rows, 3 columns, and set the table so its width is 100%.

5. Right-click the mouse on the table, choose Table Properties and set a background color.

6. Drag the mouse over the cells of the table, from top left to bottom right, open cell properties, and set the width to 33%

7. Choose a font color which contrasts nicely with the table's background color. Type today's date in the bottom left cell. Format the cell for left horizontal alignment. Type your newsletter title in the top center cell. Center the text. Type your name in the bottom right cell. Right justify the text.

8. Let's add the newsletter's body. Following the table you just created, add a second table with 4 rows and 2 columns. Its width should be 100%. Set the width of each cell to be 50%.

9. Selecting each row in turn, set the cell colors so that they alternate between two colors of your choice.

10. Find four images and place them in the table one per row, alternating between the two columns. Align as necessary.

11. Using the remaining four cells, create captions for the images. Use appropriate font attributes (color, typeface, size, etc.).

12. Format the cells so that the images and text are aligned properly.

13. Once you've finished, call me over to have a look.