ADOBE INDESIGN CS2 REVEALED- P24 pps

Position the pointer over the top-left corner of the table so that a black diagonal arrow appears, then click once to select the entire table.. Click the first Color list arrow on the le

Apply fills to a table

1. Position the pointer over the top-left corner of the table so that a black diagonal arrow appears, then click once to select the entire table

2 Click Table on the menu bar, point to Table Options, then click Alternating Fills.

3 Click the Alternating Pattern list arrow, then click Every Other Row.

4 Click the first Color list arrow on the left side of the dialog box, click Black, type 20 in the Tint text box if necessary, then click OK.

5. Click the pasteboard to deselect all, then compare your table to Figure 41

6 Select the entire top row, click Table on the menu bar, point to Cell Options, then click Strokes and Fills.

7 Click the Color list arrow in the Cell Fill sec-tion of the dialog box, click Red, type 100 in the Tint text box, then click OK.

8. Click the pasteboard to deselect all, then compare your table to Figure 42

You applied a fill to three rows simultaneously by using the Alternating Fills command You then changed the fill color of the first row.

FIGURE 41

Applying alternating fills

FIGURE 42

Changing the fill color of the first row

L E S S O N 3

What You’ll Do

Entering Text in a Table

Because InDesign regards tables as text—

tables are always in text frames—entering text in a table is simple and straightfor-ward With the Type Tool selected, simply click in a cell and begin typing Press [Tab]

to move from column to column You can also use the arrow keys to move from cell

to cell in any direction.

You can select text in a cell and modify it using the features in the Character palette, just as you would in a regular text frame.

When you enter text in a cell, by default

it is aligned to the left edge of the cell.

You can select the text and change its alignment—center it, justify it, etc.—

using the alignment buttons in the Paragraph palette.

By default, text that you enter in a cell is aligned vertically to the top of the cell To modify this, you use the vertical alignment buttons in the Table palette, shown in Figure 43 Figure 44 shows text in a table that is centered both horizontally and vertically.

Modifying a Table to Fit Text

Once you have entered text into a table, you will often find that you need to edit the table to better fit the text Sometimes the rows will not be tall enough to contain all the text, and sometimes the columns won’t be wide enough In Figure 45, for example, the left column is too narrow for the state names—note that four of them are broken by hyphens However, the sec-ond column is more than wide enough to contain the four-digit dates Wouldn’t it be great if you could quickly reduce the size

of the second column and increase the size

of the first?

Fortunately, InDesign makes it very easy

to modify the height of a row or the width

of a column One way to do this is to select the row or column and enter a greater height or width value in the Table palette Another option is simply to drag a cell bor-der left or right to decrease or increase the width Similarly, you can drag a cell bor-der up or down to decrease or increase the height of a row

In this lesson, you will explore options

for formatting and positioning text

within tables.

FORMAT TEXT IN

A TABLE

In Figure 46, the width of the first

col-umn has been increased by dragging the

cell border to the right Note the double

arrow that appears when you position the

pointer over a cell border Note too that

increasing the width of the first column

increased the width of the entire table If

you wanted to return the table to its origi-nal width, you could decrease the width of another column In Figure 47, the width of the second column has been reduced.

The ability to change the size of cells in this manner is a very powerful option.

Being able to modify the table “by hand” allows you to experiment until the table looks the way you want it to look If you didn’t have this option, you’d need to enter different values into the Table palette, through trial-and-error guess work.

FIGURE 43

Vertical alignment buttons

FIGURE 44

Text centered horizontally and vertically

FIGURE 45

Noting a column that is too narrow

FIGURE 46

Increasing the width of a column

FIGURE 47

Decreasing the width of a column

Align top

button

Align center

button

Align bottom button

Justify vertically button

Resizing arrow

INDESIGN 9-24 Working with Tabs and Tables

Insetting Text Within a Cell

The cell inset text boxes in the Table

palette, shown in Figure 48, allow you to

control the text inset for all four sides of

the cell With the default inset of 0556 in,

a block of text would appear as shown in

Figure 49 Note how on the left and right,

the text is very close to the vertical borders

of the cell, whereas there’s a lot of “air”

above and below The reason the top and bottom margins are larger is because there’s not enough text to take up more vertical space The result is that the text appears to “fight” the cell, as though it doesn’t fit properly.

Figure 50 shows the same block of text with the left and right inset values increased to 1875 in Note the improve-ment in appearance.

FIGURE 48

Cell inset text boxes

FIGURE 49

Text with a default cell inset

FIGURE 50

Text with increased right and left cell inset values

Top Cell Inset

text box

Bottom Cell

Inset text box

Left Cell Inset text box

Right Cell Inset text box

Enter text in a table

1 Click the Type Tool (if necessary), click

in the top-left cell, then type restaurant.

2 Press [Tab], then type signature.

3. In the remaining four cells of the top row,

type chef, review, hours, and info.

4. Click in the first cell of the second row, then

type Shame on the Moon.

5. Press, then type Blame it on Midnight.

6. Press, then type The Black Swan.

7. Press, then type Chez Blake.

8. Press, type The Groove Pod, then

com-pare your table to Figure 51

You entered text into the cells of a table.

FIGURE 51

Entering text into a table

INDESIGN 9-26 Working with Tabs and Tables

Format text in a table

1. Position the pointer over the left edge of the

first cell in the top row so that a black arrow

appears pointing right, then click once to

select the entire row

TIP The Type Tool must be selected in

order for the black arrow to appear, so that

you can select an entire row or column

2. Show the Swatches palette, click the

Formatting affects text button , click

Paper, then verify that the stroke is set

to None.

The text changes to a white fill

3. Show the Character palette, change the font

to Impact, then change the font size to 18 pt

4. Click anywhere in the first cell of the second

row, then drag down to select all of the cells

in the first column (except the top cell)

5. Show the Character Styles palette, then click

Restaurant name.

TIP If your computer substituted fonts when

you opened ID 9-3.indd, your restaurant name

style may differ from that shown in the figures

6. Position the pointer over the top-left corner

of the table so that a black diagonal arrow

appears, then click to select the entire table

7 Click the Align center button in the

Paragraph palette

8. Click the pasteboard to deselect all, use soft

returns to remove the hyphen in BLAME IT

ON MIDNIGHT, then compare your table to

Figure 52

9. Save your work, then close Table

You modified the font, the font size, and the

align-ment of text in a table You also applied a

charac-ter style to selected text in a table.

FIGURE 52

Formatting text in a table

Position text vertically within

a cell

1. Open ID 9-3.indd, verify that you are in

Normal View Mode, then save it as Table Complete.

This table has the exact formatting of the table you created up to this point The only thing that is different is that more text has been added to the cells, a “key” graphic has been placed below the table, and icons are

on the pasteboard

2. Select the top row of cells, then click the

Align bottom button in the Table palette

3. Click anywhere in the “Blame it on

Midnight” cell, then click the Justify vertically button

4. Position the pointer over the top-left corner

of the table until a black diagonal arrow appears, then click to select the entire table

5 Click the Align center button in the Table palette

6. Deselect all, then compare your work to Figure 53

You used the align buttons in the Table palette to format how text is positioned vertically within a cell.

FIGURE 53

Table with all text centered vertically and horizontally

INDESIGN 9-28 Working with Tabs and Tables

Adjust column widths and

cell insets

1 Click View on the menu bar, point to Grids &

Guides, then click Show Guides.

2. Note the “review” text in the fourth column

TIP Red circles in cells indicate that the cell

content is too big to fit in the cell

3. Position the pointer over the navy blue

verti-cal cell border that separates the “hours”

col-umn from the “info” colcol-umn so that a double

arrow appears, as shown in Figure 54

4 Click and drag the arrow left, so that the

ver-tical cell border is aligned with the green

vertical guide, as shown in Figure 55

The width of the “hours” column is

reduced The width of the “info” column is

not reduced; it merely moves with the

“hours” column

5. Position the pointer over the navy blue

verti-cal cell border to the right of the “review”

column so that a double arrow appears

(continued)

FIGURE 54

Positioning the cursor over a column rule

FIGURE 55

Reducing the width of a column

6 Click and drag the arrow right until the right

edge of the “review” column is aligned with the green guide, as shown in Figure 56

7. Select only the five cells containing reviews

8. In the Table palette, increase the Left Cell Inset value to 125, then increase the Right Cell Inset value to 125

9 Deselect all, click View on the menu bar, point

to Grids & Guides, click Hide Guides, then

compare your table to Figure 57

You decreased the width of one column and increased the width of another in order to fit text You also increased the left and right cell insets so that the text was not too close to the vertical rules.

FIGURE 56

Increasing the width of a column

FIGURE 57

Viewing the edited table

L E S S O N 4

What You’ll Do

Placing Graphics in a Table

InDesign makes it easy to place a graphic into a cell in a table One simple method is

to simply click the pointer in the cell and then use the Place command to choose and place the graphic

If the graphic you place is too large to fit

in the cell, a red circle will appear in the bottom-right corner of the cell Your only options are to increase the size of the cell

or decrease the size of the graphic.

Figure 58 shows a table with six graphics placed in the rightmost column.

If you’ve entered text into a table, you have the option of replacing text with graphics Remember, InDesign regards tables as text Thus, graphics in tables function as anchored objects—they are just like any other text element Many designers, when they are building tables, will simply type a graphic’s name in a cell as a placeholder They will place the graphics

In this lesson, you will insert graphics into

table cells using the Place command and

the Copy and Paste commands.

PLACE GRAPHICS IN

A TABLE

in the pasteboard for later use Then, when

they’re finished editing the table, they

replace the text with the graphics.

You replace text in a cell with a graphic the

same way you add anchored objects to a

block of text Select the graphic in the

pasteboard with the Selection Tool, copy it, select the text in the cell with the Type Tool, then paste the graphic The graphic will flow with any other text that is in the cell This is

a very powerful option It allows you to place both text and graphics in a single cell!

QUICK TIP

If a graphic you want to insert is in a separate file, you can use the Place command to put it at the insertion point location.

FIGURE 58

Placing graphics in a table

INDESIGN 9-32 Working with Tabs and Tables

Place graphics in a table

1. Click in the second cell of the second row

2. Place the file named Sole.tif from the

location where your Data Files

are stored

3. Click in the second cell of the third row

4. Place the file named Crab salad.tif, then

compare your work to Figure 59

5 Click the Selection Tool if necessary,

select the Crab Salad.tif graphic, click Object

on the menu bar, then click Clipping Path.

6 Click the Type list arrow, click Alpha

Channel, then click OK.

7. Moving downward in the second column,

place the following graphics: Striped

bass.tif, Gnocchi.tif, and Tuna.tif

8 Select the Gnocchi.tif graphic, click Object

on the menu bar, then click Clipping Path.

9 Click the Type list arrow, click Alpha

Channel, click OK, then compare your table

to Figure 60

You used the Place command to place graphics

in cells.

Replace text with graphics

1 Click the Selection Tool , click the moon

graphic in the pasteboard, click Edit on the

menu bar, then click Copy.

TIP The “moon” graphic is the top-left

graphic on the pasteboard

(continued)

FIGURE 59

Placing two graphics

FIGURE 60

Placing three additional graphics

2 Click the Type Tool , then select the “late night menu” text in the top cell of the info column

3 Click Edit on the menu bar, then click Paste.

4. Select the “late night menu” text in the

bot-tom cell of the info column, click Edit on the menu bar, then click Paste.

Your table should resemble Figure 61

5 Click the Selection Tool , click the tie graphic in the pasteboard, copy it, then click the Type Tool

6 Triple-click dress to impress in the top cell

of the info column to select the line of text, then paste

The tie graphic replaces the text; the moon graphic and tie graphic are on the same line

7 Click the Selection Tool , click the

music graphic in the pasteboard, copy it, click the Type Tool , select the “enter-tainment” text in the top cell of the info column, then paste

The top cell in your info column should resemble Figure 62

8. Using the same method, replace all the text

in the info column with corresponding icons

so that your table resembles Figure 63

TIP Use the key below the table to identify the icon that corresponds with the text

FIGURE 61

Replacing two lines of text with graphics

FIGURE 62

Placing three graphics in a cell

FIGURE 63

Completing the table

C H A P T E R S U M M A R Y

CHAPTER SUMMARY

As is clear from its title, Chapter 9 is all

about working with tabs and tables You

focused first on tabs, learning how to use

tabs to position text in specific locations in

a frame You learned how to use different

tab alignments and the effect that they

have on tabbed text As part of formatting

tabs, you also learned how to create and

apply rules above and below paragraphs

You then changed your focus to

InDesign’s powerful Tables feature You

learned how to create tables and how to

specify the number of cells horizontally

and vertically You learned how to apply

strokes and fills to tables and how to

enter text into the table and then modify

it Finally, you learned how to place

graphics into a table.

What You Have Learned

• How to use different tab alignments

• How to use text insets

• How to apply rules above or below paragraphs

• How to create and format tables

• How to apply strokes and fills to tables

• How to modify a table to fit text

• How to insert text into a cell

• How to place graphics in a table

Key Terms

Cell A rectangle in a table row or column.

Cell inset In a table, the amount of white space between the text and the edge

of a cell.

Table An array of rectangles in horizontal rows and vertical columns;

an efficient method for communicating large amounts of information

Tab Characters used to position text

at specific horizontal locations within a text frame.

Text inset In a text frame, the amount

of white space between the text and edge

of the frame that contains it.

Rules Horizontal, vertical, or diagonal lines used as design elements or to underline text.