The parts of a Web page are divided into the front elements and the back elements. This parts interact with each other, as a system to create an optimal space for users.
The front elements are those that can be viewed, such as the main page (or homepage ), the logo of the page, the content, the search bar, the images, the publicity, and any other element that is part of the design of the web page.
On the other hand, the back elements are those that can not be seen, since they are part of the programming of the page. Some of these are the coding system (which allows programmers to edit and refresh the page), the search system (which materializes in the search bar), the image rotation system, the buy-sell system, chats, online databases, among others.
Not all websites have the same parts. For example, the buy-sell system is only present on commercial platforms such as Amazon or E-Bay.
Main and common parts in web pages
Front elements
1- Navigation structure
The navigation structure is the basis of the web page. That is to say, it is formed by all the links that sustain the site: the links that redirect to the main page, the links of the menu, of the articles (if there are any), among others.
2- Main page
The home page (also known as homepage ) is the base interface of the website. In this are the most important headings and other data, such as contact information.
3- Logo
The logo is the symbol that identifies the page. It is usually in the upper left corner.
Many websites create a link between the logo and the home page, so it is redirected to the home page by clicking on the logo.
4- Contents
Content is the information on the website. For example, if it is a news site, then the reports will be the content.
Good websites distribute the content in information segments (with titles and subtitles). In this way, the user can read more easily.
5- Headers
Headers are the titles of the articles that are part of the page. These are accompanied by a paragraph of two or three lines. This is a summary that seeks to attract the attention of users.
6- Menu
The menu is a bar that facilitates navigation on the website. Divide the page into sections. For example, if it is an informative blog, you can find sections for each area of knowledge: sciences, humanities, technology, among others.
7- Advertising
Some web pages include advertisements to be able to earn funds that support the responsible workers of the website. These can be of two types: static or animated.
Static ads are images, text, or a combination of both. The animated can be gif images, videos, pop-ups (advertising that appears like a popup ad), among others.
The use of static ads is often preferred because they do not overlap the page and are more user friendly for site users.
8- Search Bar
The search bar is a space that allows you to navigate the web page through keywords. It is usually identified with a magnifying glass.
9- Multimedia elements
Many pages include multimedia elements that make the user experience more interactive. They can include images, videos, audios, games, among others.
10- Footer
The footers on the websites contain information about the regulations, the conditions and the terms of use. In this part you can also find the period in which the page has remained operative.
Rear elements
1- Encoding system
The coding system allows you to update the page, correct errors in the structure, upload content, images, videos and advertising. It also allows you to keep active the links of the website and to repair those that have been broken.
2- Search system
The search system is the platform behind the search bar. This links the entire content of the web page through keywords, making navigation faster.
3- System of rotation of images
Some pages automatically change images. This is done through a rotation system that encodes the images to alternate from time to time.
4- Buying system
Commercial web pages are based on a buy-sell system. This system allows processing transactions with debit and credit cards, all backed by a security system that protects the buyer's data.
5 - Registration system
In order to maximize the user experience, many sites create registration systems. Sometimes, a small sum of money is requested for membership and in return, greater benefits are offered.
6- Download files
Certain files present on the page can be downloaded if the programmers allow it. They can be archived from images, to documents, audios and videos.
7- Databases online
Online databases allow you to save information in the cloud. This way, if the user can not or does not want to download the file, it will store it on the page and will be able to have it as long as the page is active.
8- Chats
Chats are spaces in which users can interact with each other. There are pages designed exclusively for this purpose (social networks such as Facebook and Twitter). Other pages feature chats such as for users to comment on the quality of the site (such as blogs and buy-sell pages).
9- Security
The web pages store important information about the users: names, identification number, telephone numbers, credit cards, among others. Therefore, a security system is needed to keep these data safe.
10- Domain
The domain is the address of the page. Through this, anyone can access the website.
References
- Components of a Website. Retrieved on September 19, 2017, from stratecomm.com
- Parts of a Web Page. Retrieved on September 19, 2017, from thoughtco.com
- Page Structure and Site Design. Retrieved on September 19, 2017, from webstyleguide.com
- Elements of a web page. Retrieved on September 19, 2017, from tech-ict.com
- Websites and parts of websites. Retrieved on September 19, 2017, from macmillandictionary.com
- 5 Parts of a Website and their Design Trends this 2015. Retrieved on September 19, 2017, from sumofy.me
- Anatomy of a Web Page. Retrieved on September 19, 2017, from htmlbasictutor.ca