WHAT IS SITE LAYOUT? The site layout is one of the most important stages of developing an online resource, as a result of which the layout drawn by the designer turns into HTML and CSS code. This task requires special skills. In order to make HTML code up-to-date, you need in-depth knowledge of the features of browsers, the semantics of web pages, the principles of positioning elements.
Modern types of site layout.
Previously, HTML tables were used to make up the site: each element was placed in a separate cell, which solved problems with the positioning of content. However, the code was difficult to maintain. The tables were replaced by block layout: elements were placed in empty, independent containers and placed on the page using various CSS properties.
Another problem that needs to be solved during layout is the display of pages at different screen resolutions.
1. The approach in which the sizes of blocks and other elements are indicated as a percentage of the width of the screen or of the parent element is called layout. With all the advantages, such a solution cannot be called ideal. This will look bad on wide and narrow screens: in such cases, the content will either creep too much or compress too much. Studying it will be inconvenient.
2. The layout is a more modern and correct solution, which involves writing different design rules for screens with different resolutions. This is a more time-consuming process. However, this automatically solves the problem of preparing a mobile version of the site: you do not need to do this since the page will adapt to a small screen.
There are 2 requirements for the written code. Firstly, the layout should be valid: gross semantic errors are not allowed, as this leads to problems with the site promotion in search engines. The effect is palpable. Secondly, the site should be cross-browser, that is, look the same in all popular versions of browsers that are used by the target audience of the customer.
How to make up a web page?
For high-quality layout of the site, special knowledge will be required, which is rather difficult to obtain from books and educational materials – experience decides a lot. You will need graphic and text editors.
At the first stage, the typesetter is engaged in the design of the site – it is necessary to study the layout structure in order to determine the main blocks and think out a work strategy. Next, the coding begins. Web page layout requires the artist to be persevering and have a reasonable share of perfectionism: the result should be indistinguishable from the layout created by the designer.
When all the code is written, the work is not yet complete. You need to make sure that the contractor made up the site correctly – for this, code is tested in different browsers at different screen resolutions. Usually, this is done by specially trained people or the layout designer himself.
It is important to understand that the correct layout of sites can only be called such work that meets the requirements of the customer and performs the tasks.