The layout is …?

Layout is the placement of individual elements on a document page. Distinguish several types of layout:

  1. The layout of the web documents;
  2. Newspaper and magazine;
  3. Book.

Why you need a layout?

When it comes to the Internet space, we are interested in the layout of the web pages. To understand the main points, let’s consider the stages of creating a web page.

  1. First create the design layout. Drawn all the pages of the future website and all of its elements. The result is a rough version of the site, but on paper.
  2. Created the layout next, you need to display in the browser. In this case, all elements must perform their function. It is at this stage and need the layout. With the help of html web designer creates documents that are recognized by the browser and displayed in the usual form of the web page.

Methods of layout.

For the layout of web pages is used in two ways:

1. Tabular layout was previously considered the main. The main feature of this method of layout in its simplicity of execution. The disadvantage was the cumbersome structure, which significantly increases the code size (compared to block).

For example:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr colspan="2">
<td class="header" colspan="2">Cap</td>
</tr>
the <tr>
<td class="content">Content</td>
<td class="sidebar">Menu</td>
</tr>
<tr colspan="2">
<td class="footer" colspan="2">the Basement</td>
</tr>
</table>

2. Block layout is most often used by designers. Its main advantage is the concept of semantic markup or separation of design and content.

For example:

<div id="header">Cap</div>
<div id="wrapper">
<div id="content">Content</div>
<div id="sidebar">Menu</div>
</div>
<div id="footer">Basement</div>

And the result is the same:

Leave a Comment

Your email address will not be published. Required fields are marked *