The process of creating a site is very time-consuming and requires certain knowledge in the field of programming and a considerable investment of time. The birth of any site begins with the drawing of its layout by the designer, then the finished layout is sent to layout. This process should be disassembled in more detail.
Certain terms will help answer the question of what layout is.
A site is a collection of electronic files or documents belonging to the same owner (individual or organization) located on the network and united under the same IP address or domain name.
Site layout is the formation of its web pages in a text editor using the hypertext markup language.
Web page layout designer is a layout specialist who is involved in the layout of text, graphic and other types of information on a document page (site page).
HTML is the main language for hypertext markup of pages on the Internet. The basis of this language is a set of elements enclosed on both sides in a tag (opening and closing), each element has its own attributes that determine its basic properties. The attribute is always indicated in the opening tag.
In simpler terms, the task of the layout designer is to translate all the elements of a page into a language accessible to any Internet browser. At the same time, the page displayed in the browser should be as close as possible to the design layout.
What is site layout using tables?
Any document translated into HTML is a set of specific elements enclosed in tags. A few years ago, most sites were made up using tables. The page code turned out to be very cumbersome and difficult to read. It was difficult to make any changes in the course of further work on the page. In addition, the Internet browser perceives the table as a single object, so the display of its contents begins only after it is fully downloaded to the computer. This is especially noticeable to those users whose Internet speed is poor. Currently, HTML table layout is extremely rare. Despite this, each layout designer should know its basics, for example, at least in order to be able to make any adjustments to the code written several years earlier by his predecessor working on the creation of the site.
What is site layout using blocks?
The block layout of the site, using the div element, has its advantages and disadvantages. Its main advantages include:
- simplicity of code, its readability and compactness;
- the ability to implement the most sophisticated design decisions;
- quick loading of the site page in the browser.
The code written with the help of blocks is more easily edited in the future, it is convenient to change the design of the site pages. At the same time, there is no need to correct the HTML code itself. All changes are made to a separately created CSS file.
The layout designer can fully understand what site layout is with the help of blocks. This knowledge and application of cascading style sheet technology (CSS) allows us to use it. CSS is a separate formal language used to describe the appearance of a website page. Thus, having created the general frame of the page in the HTML language, the typesetter begins to design it (determining the background of the page, giving different colors to its elements, placing pictures, scaling them, etc.) using cascading style sheets.
Perhaps, over time, there will be an even newer and more compact way of typesetting site pages. In the meantime, typesetters who are getting a job everywhere have to answer the question of what site layout is with the help of blocks and what are its advantages.