Slice The Yellow Buttons Our first step is to slice up the yellow buttons image. Once complete we will save the slicing settings to preserve our slicing marks, then save our product which will create the HTML and the individual images for the yellow buttons. Running the Slicer program is documented below but not demonstrated in the simulation. View Results to see the simulation. Opening the Slicer Program 1.  Open A:\00interface2.jpg in PSP 7 2.  Click on File > Export > Image Slicer Slicing the Yellow Buttons 1.  Zoom out to see the whole image 2.  Choose the slicer tool 3.  Drag down to slice the button bar 4.  Click above each button to slice the buttons 5.  Click below the last button to slice the footer 6.  Click below the header to define the content area 7.  Drag down to slice the corner graphic 8.  Click below the header graphic to define the header content area 9.  Click "Save Slice Settings" 10.  Save settings as "A:\00interface.jsd" 11.  This saves the slicing lines and other template settings 12.  Click "Save As" 13.  Save as "A:\00interface2.htm" 14.  This saves the interface HTML and graphics

All Design, Graphics, Infrastructure, and Content is copyright 1996-2004© WebYoda, Inc. All rights reserved.