• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

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:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint