• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 17. Creating Rollover Web Visuals > Creating and dividing a slice and ma...

Creating and dividing a slice and making a table

Slices are essentially the cells of an HTML table. You can use the improved tables features and new Table palette in ImageReady CS to create tables nested within the overall HTML table for your page. This produces a cleaner, more manageable HTML code and makes it easier for you to work with the table slices.

1.
Select the Slice tool () in the toolbox.

2.
Drag to create a new slice, beginning at the intersection of the vertical and horizontal guides just above the “About Museo Arte” text and ending where the guide just below the “Contact” text meets the left edge of the document.

3.
Choose View > Show > Guides to remove the check mark and hide the guides.

4.
Choose Slices > Divide Slice to open the Divide Slice dialog box.

5.
Under Divide Slice Horizontally Into, type 5 in the Slices Down, Evenly Spaced option. Then click OK.

6.
With the five new slices still selected, click the Group Slices Into Table button () at the bottom of the Web Content palette.

Notice that the five slices are now nested under the new Table 02 in the Web Content palette and that the color of their bounding boxes has changed in the image window, indicating that they are a table. The Museo Arte slice remains outside the table.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint