Quantunet.com

My Account

Joins Us
Dreamweaver 8 QuickSkills

Working With Layers  

What are layers?
A layer is a container that can hold text, tables, images and other multimedia. The advantage of using layers is the flexibility they provide when controling the placement of objects on a page.

The <layer > thml tag has greatly depreciated in the past five years. It is no longer used is most web authoring tools as a way to create "layers" in a web page. Instead when layers are inserted into a webpage using dreamweaver a modified div tag is used to create alyer effect. It shares the same properties as a traditional layer but is essentially controled using inline styles within the DIV element.

Although using inline css avouids issues of standards compliance (browser bugs and accessibiliy problems) it is not the best choice for creating multimedia rich content. As chnages to the styling of "layers" must be applied to each layer in a page and each page that containsd layers. Then all changed files must be uploaded to the web server. This can make routeen maintenece of web pages that contain layers a real head ache.

The recommneded alternative is to use external style sheets to control the style of "layer" treating them more like blocks that appear when specific media is present in a page. See [ media dependent style sheets CS3].




For example:


Limitations and Problems Associated layers

  • No relative positioning
  • Not all browsers render layers correctly


Layers
Can be used to create rich applications such as dynmic popup menus image viewers however the way layers behave in browsers can sometime be unpredictable for this reason flash is used as the prefered way of creating rich dynamic content for web pages..

The origin for the coordinates used to position layers is in the top left hand corner of the screen.
Note the z index doesn must be in order but does not need to be consecutive.

Due to the fact that layers use absolute references to position themselves in a browser window when ther browser window is resized layers do not adjust thier position this can be problematic whe used with for liquid layout that are commonly used in blogs.
It is recommended to use css styling instead of using layers.

Working with layers

[Create a new layer]
[Set layer position]
[Set layer z coordinate]
[Create a nested layer]
[Set layer color]
[Set lauyer visibiliy behavour]
[Show & hide layers]
[Convert a layer to a table]
[Create a layer animation (swoop in)]


Note: The depreciation of this technique for desiging and building web pages.

© 2008 Quantunet LLC All Rights Reserved | Intellectual Property | Terms of Use | Privacy
Home | About Quantunet | FAQ's | Contact Us