Slicing the Document

After we established the look of the navigational elements we have to define areas that will delimit the elements from one another. We want specific things to happen when the user moves the mouse over one of those elements.

Remember your Basic HTML class. In HTML tables are the safest way to make elements appear in specific locations on the page. The only drawback is that table cells are always rectangular. For our purposes that works.

When we slice a document we cut it up into rectangular areas. Each of these areas is a slice. Each slice will be exported as a graphic of its own with its distinct filename.

The web layer

When you look at your layer panel you might have already noticed that there are two layers that always exist. The top most layer is the Web Layer. It is always on the top and is also shared across frames. It is the container for the slices - which of course remain consistent throughout the different frames of the document. You can also see that the Web Layer is invisible right now, the column with the visibility has no eye in it.