Website development for commercial use imposes particularly stringent requirements for layout and design websites. This article describes the basic principles of layout and related features design layouts.
Table layout has long been the main way layout of sites, but now it is widely used in various cases. Using the tables provide a framework align elements make modular grid and colored background.
With this layout layers are structural elements that are placed on the page by overlapping with high accuracy. Layer Settings can be changed dynamically using scripts.
Scripts provide the ability to dynamically change the parameters of the layer. That allows you to create a Web page, a variety of effects, such as drop-down menus, floating windows, unfolding banners and more.
Block layout - made using layout blocks with tag DIV and style sheets CSS, that describe them. Tabular layout is much easier to design than a block layout, but the latter is now used much more widely.
For example, more recently, as the main tool used typesetting tables and frames. But today, frames, fading. HTML 5 standard, which is widely used layout, no longer includes support frames.
Types of design layouts on the principle layout:
Fixed type design - either tabular or block. This type of column design or pattern width specified in pixels, that is exactly fixed.
The advantages of a fixed design:
Disadvantages of fixed design:
The site has only one optimal screen resolution, and other resolutions on the page can be displayed horizontal scrolling.
Rubber type design - one in which the column width or pattern set in% of the screen resolution.
Benefits rubber design:
Disadvantages rubber design:
Development of rubber design - is a continuous experiment. It is impossible to predict how to behave in the site structure at different moments.
At larger screen sizes appear too long lines, which greatly spoils the view and inconvenient for users.
Adaptive Design - uses the principle layout that adapts (adjusted) under the current screen size. Thus there is a movement of the blocks or the replacement of one other blocks that appear only when the designated screen resolution.
Benefits of adaptive layout:
Site specifically designed for different screen sizes, which of course increases the complexity of the development
Web pages are displayed correctly on the plate and on the big screen - it's most convenient for most users
Disadvantages adaptive layout:
Labor intensity of the designer several times higher, since it takes careful study of several models designed for different screen sizes.
So we did a small survey by type of computer typesetting and a comparison of the types of design layouts. Each type of design has as its disadvantages, so a definite plus. Therefore the choice of the type of design depends on the task that the developer must decide when creating a commercial site.