Layout with Style

     

Layers are rectangular containers on a Web page. Using Dreamweaver layers ”a feature made possible through the use of Cascading Style Sheets (CSS) ”designers can gain almost as much control over their pages as traditional print layout offers. Dreamweaver layers can be visible or hidden. When used with behaviors, they form the basis for pop-out menus on cutting edge sites. Layers can even be animated with timelines .

Although Dreamweaver treats layers as objects unto themselves , they are actually CSS constructs. A <div> or <span> tag is given an ID (to identify the layer from among multiple layers) and styled with positioning declarations. Code for a typical layer might look like this:

 <div id="Layer1" style="position: absolute; left: 400px; top: 100px; width: 100px; height: 75px; z-index: 3"></div> 

The contents of the layer would appear within the <div> tag pair.

For more information on positioning styles in CSS, see Chapter 8, "Writing and Editing HTML, XHTML, and CSS," page 161 .




Using Macromedia Studio MX 2004
Special Edition Using Macromedia Studio MX 2004
ISBN: 0789730421
EAN: 2147483647
Year: N/A
Pages: 339

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net