Microsoft Office FrontPage 2003

1. Microsoft Office FrontPage 2003 Creating Tables and Frames

2. Understanding Tables • A table consists of one or more rows of cells that organize and arrange data. • A cell is the smallest component of a table, where you can place text or a picture. • A border is a line that surrounds each cell and the entire table. • Cell padding is the distance between the contents of a cell and the edge of the cell, measured in pixels. • Cell spacing is the distance between table cells, also measured in pixels.

3. Creating a Table in a Web Page • Click the location in the Web page where you want to insert the table. • Click the Insert Table button on the Standard toolbar to open the Insert Table button grid, click the grid cell that represents the desired table size or drag the last cell in the Insert Table button grid to expand the grid to the desired table size, and then release the mouse button.

4. Table Inserted in Web Page

5. Table Toolbar

6. Aligning a Table in a Web Page • Right-click anywhere in the table to open the shortcut menu, and then click Table Properties. • In the Table Properties dialog box, click the Alignment list arrow in the Layout section, click the desired alignment, and then click the OK button.

7. Centered Table

8. Inserting a Column in a Table • Click a cell adjacent to where you want to insert the new column, click Table on the menu bar, point to Insert, and then click Rows or Columns to open the Insert Rows or Columns dialog box. • Click the Columns option button, and then enter the number of columns to insert in the Number of columns text box. • Click the Left of selection option button to insert the new column(s) to the left of the currently selected column, or click the Right of selection option button to insert the new column(s) to the right of the currently selected column. • Click the OK button.

9. Inserting a Row in a Table • Click a cell adjacent to where you want to insert the new row, click Table on the menu bar, point to Insert, and then click Rows or Columns to open the Insert Rows or Columns dialog box. • Click the Rows option button, and then enter the number of rows to insert in the Number of rows text box. • Click the Above selection option button to insert the new row(s) above the currently selected row, or click the Below selection option button to insert the new row(s) below the currently selected row. • Click the OK button.

10. Table with New Row Added

11. Merging Table Cells • You can arrange a group of selected cells to span a row or column by merging them into a single cell. • Select the cells to be merged, and then click the Merge Cells button on the Tables toolbar, or click the Eraser button on the Tables toolbar, and then use the pointer to erase the cell border that separates the cells to be merged.

12. Merging Table Cells

13. Splitting Table Cells • When you split a cell, you are dividing a selected cell or group of cells into two or more rows or columns. • Use the pointer to select the cell(s) to split. • Click the Split Cells button on the Tables toolbar. • In the Split Cells dialog box, click the Split into columns or Split into rows option button. • Use the Number of columns or Number of rows list box to indicate the number of columns or rows to split. • Click the OK button.

14. Split Cells Dialog Box

15. Changing the Background Color or Picture in a Table or Cell • Right-click anywhere in the table to open the shortcut menu, click Table Properties to change the background color of the table or click Cell Properties to change the background color of a selected cell, and then click the Color list arrow in the Background section to select a background color.

16. Background Color Added to Cell

17. Deleting Cells from a Table • Select a single cell, group of cells, row, or column. • Click the Delete Cells button on the Tables toolbar.

18. Resizing Rows or Columns Using a Mouse • Select the row or column that you want to resize. • For a row, drag the bottom border down to increase the row’s height, or drag the bottom border up to decrease the row’s height.

19. Changing a Column’s Width

20. Adding a Table Caption • A table caption is a title that appears either above or below a table. It can contain one or more lines of text. • Click anywhere in the table to select it. • Click Table on the menu bar, point to Insert, and then click Caption. • Type the caption at the location of the insertion point.

21. Caption Properties Dialog Box

22. Applying a Table AutoFormat • A Table AutoFormat is a predefined combination of colors, colored borders, and other special effects that enhance a table’s appearance. • Click anywhere in the table to select it, and then click the Table AutoFormat button on the Tables toolbar. The Table AutoFormat dialog box opens. • Select an AutoFormat in the Formats list. • If necessary, change the options in the Formats to apply and Apply special formats sections. • Click the OK button.

23. Table AutoFormat Dialog Box

24. Understanding Frames • A frames page, or a frameset, is a single Web page divided into two or more windows, each of which can contain a separate, scrollable page. • You use a frames page when you want the contents of one frame in the browser window to remain unchanged while the contents of other frames change.

25. Frames Page

26. Creating a Frames Page • Click File on the menu bar, and then click New. • In the New page section of the New task pane, click More page templates. • In the Page Templates dialog box, click the Frames Pages tab. • Click a template to see its preview and description. • Double-click a template icon to close the Page Templates dialog box and to create the new frames page.

27. Page Templates Dialog Box

28. New Frames Page in Design View

29. Frame Properties Dialog Box

30. Adding a New Frame to an Existing Frames Page • Open the frames page in Design view. • Press and hold the Ctrl key, and then click and hold the mouse button as you drag the border of an existing frame that you want to split to the desired location. • Release the mouse button and the Ctrl key. • Use the Set Initial Page button to specify an existing page to open in the new frame, or use the New Page button to create a new page.