1. XP IT INSTRUCTOR :AHMAD HIRZALLAH 1 Microsoft Office FrontPage 2003 Creating Tables and Frames

2. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 4 Table Inserted in Web Page

5. XP IT INSTRUCTOR :AHMAD HIRZALLAH 5 Table Toolbar

6. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 7 Centered Table

8. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 10 Table with New Row Added

11. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 12 Merging Table Cells

13. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 14 Split Cells Dialog Box

15. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 16 Background Color Added to Cell

17. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 19 Changing a Column’s Width

20. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 21 Caption Properties Dialog Box

22. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 23 Table AutoFormat Dialog Box

24. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 25 Frames Page

26. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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. XP IT INSTRUCTOR :AHMAD HIRZALLAH 27 Page Templates Dialog Box

28. XP IT INSTRUCTOR :AHMAD HIRZALLAH 28 New Frames Page in Design View

29. XP IT INSTRUCTOR :AHMAD HIRZALLAH 29 Frame Properties Dialog Box

30. XP IT INSTRUCTOR :AHMAD HIRZALLAH 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.