Top Banner
94

Chapter 3

Feb 09, 2016

Download

Documents

orli

DREAMWEAVER MX 2004. Chapter 3. Working with Tables. Performance Objectives. Understand tables and table elements. Understand how tables are used for layout control. Create tables in Standard mode. Create proportional-width and fixed-width tables. Select tables and table elements. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Chapter 3
Page 2: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 2

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Working with Tables

DREAMWEAVER MX 2004

Page 3: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 3

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Performance Objectives Understand tables and table elements. Understand how tables are used for layout

control. Create tables in Standard mode. Create proportional-width and fixed-width

tables. Select tables and table elements. Use the Expanded Tables mode to aid table and

cell selection. Use the Tab and arrow keys to navigate inside

tables. Use the Table Property inspector and Table

Cell Property inspector to format tables.

Page 4: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 4

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Performance Objectives…/2

Add and delete columns and rows. Merge and split cells. Create nested tables. Format tables using the Format Table

command. Create tables in Layout mode. Create autostretch tables in Layout mode. Understand and use spacer images. Use a grid when working with tables. Sort table content.

Page 5: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 5

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Understanding Tables Tables are used to control page layout.

table bordersvisible

Page 6: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 6

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Components Tables are grids composed of rows and

columns. The intersection of each row and column is

a table cell. The space between cells is cell spacing. The distance between content and cell

borders is cell padding. Backgrounds can be colored or contain a

background image. Borders can be colored or invisible.

Page 7: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 7

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Components…/2

column

row

table border cell spacing

table cell cell padding

Page 8: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 8

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Dimensions By default, tables will shrink to fit their

contents. Fixed widths are indicated in pixels and

content will expand to fit the content. Proportional widths are indicated in

percentages and are relative sizes.

Page 9: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 9

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Dimensions…/2

unspecified width

proportional widthfixed width

Page 10: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 10

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Dimensions…/2 Manually resize a selected table by dragging

its table selection handles.

table selectionhandles

Page 11: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 11

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Code Basic tables use table tags (<table>). Rows use table row tags (<tr>). Cells use table data cell tags (<td>). Empty table cells contain a nonbreaking

space (&nbsp) to prevent empty cells from collapsing.

HTML codeand table

Page 12: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 12

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Using Tables to ControlPage Layout

Designers try to create layout tables that will maintain their design integrity when viewed across different browser scenarios by using tables with:• fixed widths• proportional widths• a combination of both fixed and proportional

widths

Page 13: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 13

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Fixed-Width Tables Fixed-width tables maintain their

appearance when viewed using different screen and browser combinations.

On large screens, there can be a lot of wasted space next to or on either side of the table.

On smaller screens, a portion of the table might disappear off the right side of the browser window.

Page 14: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 14

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Proportional-Width Tables The table maintains its relative dimensions

regardless of the screen and browser combinations.

The designer loses control over lines and spacing as the table and/or column widths stretch or decrease.

Page 15: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 15

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Combination Tables Tables that contain a combination of fixed

and proportional widths are a common compromise solution.

Use fixed widths to maintain control over segments that need to remain stable.

Use proportional widths to allow other segments to flow to fit browser windows.

Page 16: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 16

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Examples

proportional-width table fixed-width table

Page 17: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 17

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Examples…/2

fixed-width columnfor navigation buttons

proportional-width columnfor text

Page 18: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 18

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Creating Tables Set the mode to Standard Mode.

click View

point to Table Mode

make sure there is a check mark to the left of Standard Mode

Page 19: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 19

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Creating Tables…/2

click the Table button

OR

click Insert

click Table

Page 20: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 20

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Creating Tables…/3

specify tableproperties

specifyaccessibilityproperties

Page 21: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 21

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Making Borders Visible

click View

point to Visual Aids

make sure there is a check mark to the left of Table Borders

Page 22: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 22

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Table Elements Dreamweaver MX 2004 features an

Expanded tables mode that temporarily adds cell padding and spacing.

Expandedbutton

exit link

expandedtable

Page 23: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 23

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Table Elements…/2

Another method to enable Expanded Tables mode is to use the Menu bar.

click View

point to Table Mode

make sure there is a check mark to the left of Expanded Tables Mode

Page 24: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 24

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Tables Using the Table Header

Click inside a table to display the table header.

click the down-pointing arrow

click Select Table

Page 25: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 25

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Tables Using the Mouse

Click a table’s upper or lower border. The insertion point will transform into a

small table grid icon.

table grid icon

Page 26: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 26

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Tables Using theTag Selector

click the table tag

selected table withselection handles

Page 27: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 27

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Tables Using theMenu Bar

click Modify

point to Table

click Select Table

Page 28: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 28

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Cells Using theTag Selector

click inside the cell

click the table data cell tag

Page 29: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 29

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Cells Using theMenu Bar

click Edit

click Select All

Page 30: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 30

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Cells Using the Keyboard

Hold down the Ctrl key while clicking in a cell.

selected cell

Page 31: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 31

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Rows and Columns Using the Mouse

Place the pointer on the outer border of a row or column.

After the selection arrow appears, you can click the mouse button to select.

selection arrow

selected row

Page 32: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 32

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Rows and Columns Using the

Keyboard Click inside a cell, and without releasing the

mouse button, drag the pointer across the cells to be selected.

Click inside a cell, hold down the Shift key, and then click inside another cell to select all cells located between the first and last cell selected.

Page 33: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 33

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Columns Using the Column Header

Click inside a column to display the column header.

click the down-pointing arrow

click Select Column

Page 34: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 34

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Rows Using theTag Selector

click thetable row tag

Page 35: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 35

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Nonadjacent Cells

Hold down the Ctrl key, click inside one cell, and then click inside the other cells to be selected.

Click inside a cell that is already selected to deselect it.

selected nonadjacent cells

Page 36: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 36

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Navigating in Tables Usingthe Tab Key

Pressing the Tab key moves the insertion point to the next cell.

The insertion point travels in a left-to-right, top-to-bottom direction.

Holding down the Shift key while pressing the Tab key reverses the tab direction.

Pressing the Tab key creates a new row when the last cell in a table is reached.

Page 37: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 37

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Navigating in Tables Usingthe Arrow Keys

The Up, Down, Left, and Right Arrow keys can be used to navigate inside a table.

The arrow keys first navigate within a cell’s contents and then move on to the next cell.

The arrow keys cannot be used to create new rows.

Page 38: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 38

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Using the Property Inspector to Format

When a table is selected, the Property inspector opens in Table Property inspector mode.

When a cell is selected, the Property inspector opens in Table Cell Property inspector mode.

Cell and row background formatting will override table formatting.

The order of precedence is cell, row, table.

Page 39: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 39

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Property Inspectortype a nameor number to

identify a tablespecify the number

of rows and columns

use the dimensionbuttons to clear

heights andconvert widths

specify abackground color

specify a backgroundimage file location

specify the width and heightin pixels or percent

specify aborder color

Page 40: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 40

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Property Inspector…/2

specify the space betweena cell’s contentsand its borders

display theCSS class styleapplied to table

specify table borderwidth in pixels

specify tablealignment

specify the spaceappearing between

adjacent cell borders

Page 41: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 41

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Cell Property Inspector

specify the horizontalalignment

specify the verticalalignment

specify the width and height inpixels or as a percentage

prevents text fromwrapping to a new line

Page 42: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 42

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Cell Property Inspector…/2

center and boldcell text, and use

to createtable headers specify a background image

file location

merge selected cells, rows, or

columns

split aselected cell

specify thebackground color

specify theborder color

Page 43: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 43

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Adding Rows and Columns Using the Menu Bar

click Modify

point to Table

click an option

click to open theInsert Rows or Columns dialog box

OR

Page 44: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 44

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Adding Rows and Columns Using the Context-sensitive

Menu

right-click point to Table

click an option

Page 45: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 45

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Adding Rows or Columns Using the Table Property

Inspectortype a new value to increase

the rows or columns

Page 46: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 46

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Adding Columns Using the Column Header

Click inside a column to display the column header.

click the down-pointing arrow

click an option

Page 47: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 47

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Deleting Rows and Columns Using the Menu

Barclick Modify

point to Table

click an option

Page 48: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 48

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Deleting Rows and Columns Using the Menu

Bar…/2 Select the entire row or column.

click Edit

click Clear

Page 49: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 49

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Deleting Rows and Columns Using the Context-sensitive

Menu

right-click point to Table

click an option

Page 50: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 50

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Deleting Rows or Columns Using the Table Property

Inspectortype a new value to decrease

the rows or columns

Page 51: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 51

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Deleting Rows or Columns Using the Keyboard

select the rowor column

press the Deleteor Backspace keys

Page 52: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 52

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Deleting Rows Using theTag Selector

click thetable row tag

press the Deleteor Backspace keys

Page 53: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 53

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Creating Nested Tables A nested table is a table inserted inside

another table. The table containing the nested table is

called the parent table. Nested tables can be formatted like any

other table. The width is determined by the width of the

table cell they are contained in. Nested tables can be inserted within other

nested tables. Tables should not be nested more than

three deep.

Page 54: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 54

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Creating Nested Tables…/2

parent table nested table

Page 55: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 55

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Using the Format Table Command

Use as an alternative to formatting tables with the Table Property inspector.

click Commands

click Format Table

Page 56: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 56

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Using the Format Table Command…/2

select thedesired options

Page 57: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 57

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Creating Tables in Layout Mode

Layout mode allows you to draw cells and move them.

click View

point toTable Mode

make sure there isa check mark to theleft of Layout Mode

Page 58: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 58

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Creating Tables in Layout Mode…/2

Another method is to use the Insert bar Layout menu item or tab.

click the Layout button

click the exit link on the Layout mode bar to

return to Standard Mode

Page 59: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 59

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Drawing Tables and Cells Tables and cells are created using buttons

on the Insert bar Layout menu item or tab.

Layout Table button Draw Layout Cell button

Page 60: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 60

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Drawing Tables Click the Layout Table button. Move the insertion point to an empty area. The insertion point changes into crosshairs. Drag to create the table. When the table is created, its width appears

in the table header display. Tables appear outlined in solid green.

Page 61: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 61

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Drawing Cells Click the Draw Layout Cell button. Move the insertion point to an empty area. The insertion point changes into crosshairs. Drag to create the cell. Hold down the Alt key to temporarily

cancel the snap option. When the cell is created, its width appears

in the table header display. Cells appear outlined with dotted blue lines. Positioning cells appear as gray (empty).

Page 62: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 62

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Table Dimensions

column widthsin pixels

table widthin pixels

Page 63: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 63

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Selecting Layout Tables and Cells

Place the pointer over the cell’s border until it turns red, and then click once.

Another method is to hold down the Ctrl key and click once in the desired cell.

Selecting a cell and pressing the Delete or Backspace keys will remove it.

Page 64: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 64

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Resizing Layout Tables and Cells

Selection handles appear when tables and cells are selected.

Resize by clicking a handle and dragging in the desired direction.

table cell

emptyarea

table

selectionhandles

Page 65: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 65

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Moving Layout Tables and Cells

Move layout cells by clicking on their border and dragging them.

More precise positioning can be obtained by selecting a cell and pressing an arrow key to move the cell 1 pixel at a time.

Hold down the Shift key and pressing an arrow key moves a cell 10 pixels at a time.

Page 66: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 66

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Using Autostretch Liquid or flexible tables containing one

autostretch column will automatically adjust to fit different browser window sizes.

An autostretch table has a width of 100 percent.

The remaining columns have fixed widths.

click the Autostretchradio button in theTable Property inspector

Page 67: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 67

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Adding Spacer Images Spacer images prevent empty cells from

collapsing in autostretch tables. Columns with spacer images are indicated

by a double line.

spacer imagedouble line

Page 68: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 68

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Adding Spacer Images…/2 A dialog box appears when an autostretch

table is created in a site for the first time. This dialog box will not appear if a spacer

image has already been saved in the site.

Page 69: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 69

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Using a Grid A grid assists in positioning cells and

content within tables.

Page 70: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 70

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Showing a Grid

click View

point to Grid

click Show Grid

Page 71: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 71

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Snapping To Grid The Snap to Grid feature automatically

snaps cells to the nearest grid coordinate.

click View

point to Grid

click Snap To Grid

Page 72: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 72

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Changing Grid Settings

click View

point to Grid

click Grid Settings

Page 73: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 73

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Sorting Table Content Tables can be sorted on one or two columns. Tables that contain merged cells cannot be

sorted.

click Commands

click Sort Table

Page 74: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 74

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

Sorting Table Content…/2 Apply the appropriate properties in the

Sort Table dialog box.

Page 75: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 75

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEWHow do you add a column?

click Modify

point to Table

click Insert Column

Page 76: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 76

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/2How do you add a row?

click Modify

point to Table

click Insert Row

Page 77: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 77

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/3How do you create a table?

click Insert

click Table

Page 78: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 78

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/4How do you delete a column?

click Modify

point to Table

click Delete Column

Page 79: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 79

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/5How do you delete a row?

click Modify

point to Table

click Delete Row

Page 80: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 80

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/6How do you delete a selected table, row, column, or cell?

click Edit

click Clear

Page 81: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 81

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/7How do you enable Expanded Tables mode?

click View

point to Table Mode

make sure there is a check mark to the left of Expanded Tables Mode

Page 82: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 82

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/8How do you enable Layout mode?

click View

point toTable Mode

make sure there isa check mark to theleft of Layout Mode

Page 83: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 83

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/9How do you enable the Snap to Grid feature?

click View

point to Grid

click Snap To Grid

Page 84: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 84

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/10How do you enable Standard mode?

click View

point to Table Mode

make sure there is a check mark to the left of Standard Mode

Page 85: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 85

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/11How do you make borders visible in the Document window?

click View

point to Visual Aids

make sure there is a check mark to the left of Table Borders

Page 86: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 86

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/12How do you open the Format Table dialog box?

click Commands

click Format Table

Page 87: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 87

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/13How do you open the Grid Settings dialog box?

click View

point to Grid

click Grid Settings

Page 88: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 88

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/14How do you open the Insert Rows or Columns dialog box?

click Modify

point to Table

click to open theInsert Rows or Columns dialog box

Page 89: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 89

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/15How do you select a cell?

click Edit

click Select All

Page 90: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 90

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/16How do you select a table?

click Modify

point to Table

click Select Table

Page 91: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 91

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/17How do you show a grid?

click View

point to Grid

click Show Grid

Page 92: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 92

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS REVIEW…/18How do you sort table content?

click Commands

click Sort Table

Page 93: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 93

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS SUMMARYAdd a column Modify, Table, Insert Column

Add a row Modify, Table, Insert Row

Create a table Insert, Table

Delete a column Modify, Table, Delete Column

Delete a row Modify, Table, Delete Row

Delete a selected table, row, column, or cell Edit, Clear

Enable Expanded Tables mode

View, Table Mode, Expanded Tables Mode

Enable Layout mode View, Table Mode, Layout Mode

Enable snap to grid View, Grid, Snap To Grid

Page 94: Chapter 3

Copyright 2005, Paradigm Publishing Inc.

Chapter 3

Quick Links

Slide 94

Performance ObjectivesUnderstanding TablesUsing Tables to Control Page LayoutCreating TablesSelecting Table ElementsNavigating in TablesUsing the Property Inspector to FormatAdding and Deleting Rows and ColumnsCreating Nested TablesUsing the Format Table CommandCreating Tables in Layout ModeUsing a GridSorting Table ContentCommands Review

COMMANDS SUMMARY…/2Enable Standard mode View, Table Mode, Standard

ModeMake borders visible in Document window

View, Visual Aids, Table Borders

Open Format Table dialog box Commands, Format Table

Open Grid Settings dialog box View, Grid, Grid Settings

Open Insert Rows or Columns dialog box

Modify, Table, Insert Rows or Columns

Select a cell Edit, Select All

Select a table Modify, Table, Select Table

Show a grid View, Grid, Show Grid

Sort table content Commands, Sort Table