Your page is now sliced into cells, which PhotoImpact
will translate into a table when it saves your page as HTML. PI treats
each cell as an image and names it according to the settings in the
Web properties of the page. Each cell is marked in the upper right corner
with a small square (let's call these markers). Some markers look a
bit different than others and each one represents the type of object
occupied by that cell.
On our page, we have three different markers. The cell with our banner
(top of page) has a marker with a black arrow. This means that the
object in that cell (the banner) is a linked object. If you remember,
we linked that banner from our first page when we started this page.
The same goes for the bottom bar.
The second marker on our page looks like a blue-green layer. This
represents an empty cell. When we slice a page, PI will create a blank
image to fill in empty cell. This image is called a spacer image.
This setting can be set in the Web properties for the page. The last
marker on our page is a multi colored square and represents objects
that originate from the current page.Cell markers make it easy for
us to keep track of what cell we are selecting or working with.
You will also notice we have a new tool now...the Slice panel.
The slice panel contains information about each cell on our page
and is divided into three tabs, Properties, Optimizer,
and Script Effects. If you click on a cell marker
in our page, you'll see the attributes for that cell in the Slice
panel. Let's change a cell attribute.
1. Click on the image holder square cell marker.
2. On the Cell Properties tab, change the cell name
to swap.
You will also notice on the Properties tab that we now see the marker
and type (image cell) and the width and height of the cell. Go ahead
and click other markers on our page.
The cells on a page can be configured independently from the others.
An image in one cell could be a Gif, while another could be a Jpg.
Cells can also interact with each other. We could mouseover one cell
and have an image pop up in another cell and so on. This interaction
is done with javascript and PhotoImpact comes with
several javascript's built in. These are called Script Effects
and we'll use one now.
Creating a Swap Image Effect
