The layout of a website

What is the layout?

Page layout is the way in which the different graphic elements that make up a page are related to each other.

In the field of the web, there is a general tendency to build pages in the following way:

The layout of a website

There are slight variations with the menu on the right or two columns rather than one, but the general trend is established on this diagram.

This standardization is explained by the fact that it is easier for the Internet user to find information there.

Of course, it is not compulsory to respect this type of layout and it is up to everyone to present the content of their pages as they wish.

Certain sectors of activity even have every interest in playing the card of originality.

Either way, it’s up to you how you want to present your pages and it will be good to do some thought beforehand to establish a layout that matches the goals you have set for yourself.

 Fixed or extendable width

After this first thought to determine the trend of your layout, you will need to ask yourself whether you are giving your site a fixed or stretchable width.

Indeed, there is an important phenomenon to manage when designing a site, it is screen resolution.

By consulting the display properties of your computer (Right click on the desktop + properties), the Settings tab shows you the resolution of your screen as shown in the image below:

Site display according to screen resolution

Here the screen is set with a resolution of 1440 x 900 pixels. This means that the screen displays a window of 1440 pixels horizontally and 900 vertically. It is of course possible to choose the resolution that best matches your preferences but this is where the problem comes in when laying out a website because you do not know the resolution that each Internet user has chosen. It is therefore necessary to build pages that adapt to a resolution of 1024 x 768 as well as one of 1280 x 1024.

The general tendency is then to choose between a site of fixed width (example 960 pixels) centered horizontally and a variable-width site adapting to the width of the window.

The width of the site remains the same whatever the resolution of the screen but the side bands are more or less wide.

If you are wanting to develop business website you must develop from Web Design Company who serves their professional services.