Creating a site is quite a complex process and consists of several stages. The algorithm for creating the site is as follows:
Develops the structure of the site, created on the basis of customer specifications, which were subsequently pre-approved by the customer.
Drawing a layout of the site based on the approved structure. Basically, designers choose for raster graphics – Photoshop, and for vector graphics – Corel. In principle, you can draw in any graphic editor. The developed layout is also approved by the customer.
Then, the approved layout is converted into html and css-code, which is already available for opening a browser. This process is called website layout.
The received html layout, which we made in the process of make-up, you need to fill with content (content) and images, and also not to stuff constantly by hand, you need to make integration of our html layout with CMS (content management system).
Everything. Now we “lay out” our site on hosting and publish the resulting pages on the Internet. Let’s dwell on the process of web site layout and find out what it is. Perhaps someone else is not familiar with the term.
So, what is the layout of the site?
Makeup – the process of writing code for a web page in html and css, ie so that browsers understand it and display it correctly. When all browsers display a web page correctly without “breaking” its structure – this is called cross-browser coding. Let’s go back to the code of html – what is this code? It is quite simple, this code is responsible for ensuring that all elements of the compiled web page correspond to the drawn and approved layout design and in different browsers the site does not “break” the structure.
An example, a two-column layout of the website with the header, the right navigation menu and the bottom (footer). At the top will be the company logo and site slogan. Next comes the content block – this is the area where the information will be placed. To the right is the navigation menu for the site. The bottommost footer – contains copyright or information about the owner of the site.
A lot depends on high-quality layout of the site and it is quite difficult and time-consuming process, which requires a certain level of knowledge of the webmaster (codifier). The layout should contain a minimum of html code, be valid, cross-browser and semantic. Now in more detail:
- unnecessary code – affects the loading speed of the site, so the code must be optimized;
- Validity – the correctness of the writing and use of html code must comply with W3C (World Wide Web Consortium) standards
- Cross-browser – the display and operation of the site in all popular browsers should be identical. Identity means no layout breakdowns and the ability to display material with the same degree of readability.
- Semantic layout – creating web pages using html tags according to their purpose. Bad layout, with bad code can very much load the site, and it will load slowly and not look the way it should, can “break” in structure. Therefore, the process of layout – this is one of the most important stages of creating a site. That’s why there are people who are specifically engaged in this process, and they call themselves html coders, or html coders.