(617) 433-7483 Servicing Boston & Surrounding Areas

Layout using layers

April 10, 2013

Layout using layers

Posted by with - in Web Design

Previously, frames and tables were considered major ways of layout. But with the new generation of web browsers that support the latest technologies, the situation has changed. Use of layers, such as those that can be found in Adobe Photoshop, provided truly unlimited opportunities to webmasters for documents layout. But, if in any case people were going to give up frames because of they being too bulky and rough, between followers of the table layout and fans of layers passions flared up. The fact is that tables have flaws, but because of the simplicity of mastering this layout method is popular both among novice and professional webmasters.
Layers are HTML-code elements that can be embedded into a web page by placing one on the other with pixel precision. Changes in the layer parameters are applied by using the JavaScript or VBScipt, which makes possible the use of various effects on the site: floating windows, revolving lines, drop down menus and more.

Layer is specified by container <Layer>, and to determine the position of the layer top attributes are required (offset from the top of the screen), left (offset from the left edge of the screen), z-index (the location of the individual layer).

Advantages of layers:

The method of positioning the layers relative to each other can create interesting effects that contribute to web page “revival”.
Fast processing of layers through web browsers.
Support of Cartesian coordinates allows to specify the position of the layers on the page with pixel precision.
Layer properties setting via CSS.

Disadvantages of layers:

In-depth knowledge of web programming languages and technologies – JavaScript, VBScipt, CSS.
Differences in displaying the site.
Problems when editing the pages with layers in graphic html-editors.

Layout using layers is technically similar to positioning of elements, and in such cases, the standard tag <Layer> is better to be replaced by <Div> to eliminate problems with browsers.

Comments are closed.