Guidelines in Creating Web Design Layout

I mentioned earlier that we don’t have rules in creating design for our website. The guidelines help us achieve a visually appealing design that is suited for the audience and the purpose of the website.

Before we proceed, I would like to introduce first the basic parts/elements of a typical webpage.

Common elements of a web page

web page basic parts


Header usually includes the logo or the name of the website. It can also have the main navigation links (home, contact us, gallery, about us, etc). We put the site’s identity and important elements on the header. See my header above, I have my links for navigation and logo.


We can put secondary links to a sidebar, advertisement, and other notes. You can have a sidebar on the left, on the right or both. You can see my sidebar on the right. It contains advertisements and other links to different pages of this site.

Main Content

This part gives what the viewer needs in your web page. It contains the articles and images, and any information that your offer in your website. You are reading this article in the main content.


Footer contains not so important links or information such as copyright, navigation similar to headers, etc. But nowadays, footers of a website are getting too many attentions. They include additional links, information about website, cool icons, and more. Firefox website’s footer is a good example. Check it here.

On the next lesson, we will go through a deeper concept on how to create catchy designs by following famous guidelines in visual arts.