Among the different services that you can offer as a graphic designer, the web design It is one of them. However, to do it well, you must first know what the parts of a web page are.
In this article We are going to teach you everything you need to know about the webs focusing on the elements that compose it so that you can work safely if a client asks you to design a website.
What are the parts of a web page?
We start with the easiest and that is to talk about the parts of a web page, or what is the same, the structure. And if you are very curious and surf the Internet a lot You will have noticed that there are many types of pages, and some use one structure and others another.
Therefore, it must be taken into account that depending on the structure or the distribution of the content, you will have different parts of a web page. Wait, we explain it better.
When a page is focused on the web structure, its component parts are:
- Header (or better known as header).
- Body (or better known as body).
- Footer (or footer).
Mainly this structure is the one that blog pages or similar have, since these news are updated and appear on the main page.
However, the vast majority of company websites, online stores, etc. are different and are based on a content distribution. In this case, we can have the following as parts of a web page:
- Home (it would be the home of the page).
- Products and/or services (product or service categories, each with its own separate page).
- Blog (where you have the articles or updates that are given on the page).
- Contact.
- Privacy policy, cookies, legal notice...
In each of them what should be put would be different, so it is convenient that we start from there.
What parts of a web page make up a structure-based web
Let's go with the first case, a web focused on the structure, and that is made up of:
- Headboard.
- Body.
- Footer.
Head
The header, or header, is the top of a page, what is seen at the beginning of entering it and, therefore, is where we will find the name of the page (company, brand, service...). It will be repeated in all the pages of that web, because it is, let's say, the universal header for the entire web.
And what items does it have? Well, the ones that are usually put are the following:
- Site logo. Sometimes, instead of the logo, only a text is left. Or you can put both.
- Website description. Especially in blogs, it is a small description of what the web does (what it does, what it was born for...). This is increasingly common to hide.
- Navigation menu. For example, if you want them to go to the contacts page, to a specific category...
- Search box. This is more optional, but it is a search engine that is placed so that people can search by keywords for what may be on the web.
Depending on what the page is for, you can use more or less elements, but basically the minimums are there.
The Body
The body, or body, we could say that it is the most important part of a website, because it is where the main content of it will be.
Here there is no guide so you can know what there should be, because each website is different and your client may want many things on it or very few. A, the best with one column on the right, another with two columns, and another does not want columns.
To this must be added the fact that each web page will be different from each other. For example, the start of your website will have nothing to do with the contact page. Or with the page about me (or about the company).
Depending on the page you focus on (within a website) you will have to put one content or another. But, in almost all of them there is usually text + image or video. Sometimes, especially in contact and about me, there may be icons for social networks (either these be placed in the header or in the footer).
Footer
Finally, in this case we have to talk about the footer. It is the part that ends the web and is at the bottom of it.
Is repeated, as it happens with the header, in all the pages of the web and it usually has the same content in all of them. Which? Well, they can be the buttons of social networks, contact information, links to legal notice, cookies, privacy policy...; Page menu (links to other internal or external websites).
What parts of a web page make up a content-based web
Now that you have seen the parts of a web page according to its structure, we need you to see what it is made up of if we base ourselves on the content of the web.
In this case, we have:
- Start (or home).
- Products and/or services.
- Blog
- Contact.
- Privacy policy, cookies, legal notice...
Home
Also better known as home, it is the main page of your website, the one that users arrive at when they click on a search engine or enter the url of your website. This is the most important of all because you could see it as "the first impression" that users are going to have of you.
This usually has a header that is repeated in all the webs of the site, as well as the body and footer. But besides all that, you can have other parts like:
- Calls to action: when you want the user to do something (go to another website, pay for a product, subscribe, etc.).
- Present products or services (fine with text, image, both, etc.).
- making offers (or special events with discounts).
- put testimonials to increase the reputation and that you see it as a good professional or company.
Productos y / o servicios
They are pages that are created on the web to provide more information about the products or services you sell, so that those who are interested can learn more about what you do, how you do it and, if they are interested, contact you. Therefore, at the end of them there is always a call to action.
As well here we can tell you about the About me page, where it is told who you are and what you can do for that client who has come to you. At the end, a call to action would be put.
Blog
This is a link that takes us to the blog of that website. And be careful, because here yes you can change the header, body and footer of this. And it is that it becomes almost like a totally different website (other times not) so that it can be seen that its function is to provide regular content about the company or brand sector to improve organic positioning.
Contact
In this page you will not find the same as in the previous ones, but it will have its header, body and footer and only in the body will you have the contact information of the person or company, a contact form (optional) and a map to locate where they are (also optional).
Privacy policy, cookies, legal notice...
In short, we are talking about pages that should comply with the law in Spain. These are usually in the footer as links but are useless for anything else (although they are mandatory today).
Do you have any questions about the parts of a web page?