• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 14. Using Layers for Page Layout > Taking Dreamweaver Layers Further

Taking Dreamweaver Layers Further

The Dreamweaver interface for handling layer-based layouts is not limited to working with Dreamweaver-generated layers. Starting with Dreamweaver MX, any page element styled with CSS positioning will appear in Design view as a layer, with its own Layer Property inspector and taking advantage of all the techniques and commands for dragging-and-dropping, nudging, aligning, and eyeballing, that Dreamweaver’s own layers have—regardless of what HTML tag is being used to create them, or even whether the positioning attributes are coded as an inline style or a custom class in an internal or external style sheet. Working with this kind of layer code is still not quite as slick and easy as just dragging and dropping layers around the page—but it’s close!


Creating True CSS-P Pages with Dreamweaver MX

The general procedure for building a CSS-positioned page in Dreamweaver is this: Using the CSS Styles panel, create the class that contains the CSS-P formatting; using any of Dreamweaver’s visual or coding tools, create page element(s) and use the class to style them; in Design view, using the various tools available there, refine your page design and create whatever special effects tickle your fancy.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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