What is site layout?
Website layout is one of the most important stages in the development of 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 qualitative, we need deep knowledge of browser features, web page semantics, elements positioning principles.
Modern types of website layout
Previously, HTML tables were used to impose a site: each element was placed in a separate cell, which solved problems with content positioning. However, the code was difficult to maintain. The tables were replaced by block layout: the 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.
The approach in which the size of blocks and other elements are indicated as a percentage of the width of the screen or parent elements is called layout. With all the advantages, this solution can not be called ideal. This will look bad on wide and narrow screens: in such cases, the content will either crawl too much or shrink too much. It will be inconvenient to study it.
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 adjust to the small screen.
There are 2 requirements to the written code. First, the layout should be valid: gross semantic errors are not allowed, as this leads to problems with the promotion of the site in search engines. The impact 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 a web page?
For a good website layout, you need special knowledge that is quite difficult to obtain from books and training materials – experience decides a lot. You will need graphic and text editors.
At the first stage, the maker-uper designs the site – it is necessary to study the layout structure in order to determine the main blocks and think over the strategy of work. Next comes the writing of the code. Layout of web pages requires perseverance and a reasonable amount of perfectionism from the artist: the result should be indistinguishable from the layout created by the designer.
When all the code is written, the work is not yet complete. It is necessary to make sure that the contractor created the site correctly – for this purpose, the code is tested in different browsers, at different screen resolutions. Usually this is done by specially trained people or the coder 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 assigned.