|
|
|
|
 |
|
|
Layers are appearing
all over the Internet now. They are quickly replacing
tables as the webmaster's method of choice for page layout
because layers are more accurate than tables, easier to
work with and provide much more flexibility, and faster
rendering. (I.e. Tables frequently have to be fully downloaded
by a browser to display, however, layers are rendered
in the order they are presented.)
Simply put, a layer is a rectangular-shaped container
that you can place graphics, text, Flash or anything else
you like. This web page was created entirely in tables.
Layers produce Web pages with pixel-perfect element positioning.
To explain the positioning, think of the uppermost and
leftmost corner of our screen to be point 1,1. For every
pixel we move to the right we increase the number on one
of the coordinates by one, and for every pixel we move
the layer down the page we do the same thing to the other
coordinate. In other words, layers give you pixel perfect
positioning of the elements on your page.
To create a layer that is a perfect square - 300x300 pixels
in width that is 75 pixels from the left side and 20 pixels
from the top of the page with a text statement that says
"Hello Momma - is dinner ready yet?" The code
to produce this can be found below:
|
<div id="nameofLayer"
style="position:absolute; width:300px; height:300px;
z-index:1; left: 75px; top:20px">Hello Momma -
is dinner ready yet?</div>
|
Layers can be stacked
one on top of the other. They can be animated to make
their contents appear, disappear, zoom, etc. - the list
is endless
A highly-recommended Web development tool is Dreamweaver
for designing with layers - design is as easy as point,click,
and drag!
(continued on next page...) |
| |
|
|
 |
|
|
|
| Granite Web Design
offers cutting-edge techniques in the design and
layout of layered web pages. |
|
|
|
|
|
|
|
Domain
Registration 
