These days, there is no shortage of ways to make a website. When you make a small business website, professional portfolio, or personal blog, the sky is the limit when it comes to what it can look like. But whether you use a free website builder, a paid professional, or a popular content management system, most websites can still be broken down into the same basic parts.

What are they? Glad you asked.

1. The Background. Some pages will have a specified container for their content with a static background behind, and some will extend their design all the way out to the edges of the browser window:


2. The Header. The information in the header will vary, but generally it will contain a logo, tagline if the company has one, and possibly some social links:

3. The Navigation. This area is typically found either vertically down the left hand side of the page, horizontally at the very top of the page, or horizontally just below the header:


4. The Body or Content. This is everything that your website is meant to show off. It may be informative text, blog entries, web store items, or a personal portfolio.

5. The Footer. What is included in the footer can vary greatly, but items that may be found there usually include quick navigation links, copyright information, and brief contact information. If site was created using a free builder and is still on a free website package, there will often be branding for the website company in this space.

6. Optional Features. Other things that you might find on websites that don’t follow this typical structure are widgets (a like box, social counters, calendar app), map insets, badges that link to social profiles, and billboard-like image carousels:

Have you seen websites that deviate greatly from the structure above? Let us know!

From our How To Make a Website Series:

How A Blog Can Make Your Small Business Website a Success
Five Commandments For A Great Contact Page
How To Make A Great Website Homepage
Dos and Don’ts of User-Friendly Website Navigation
How To Make A Website: Breaking Down The Pieces
Prepare Yourself: What You Need to Start a Website
Checklist: 10 Steps to a Successful Business Website in 2013
Building a Website: Do It Yourself or Hire A Pro?

2 Responses

  1. Reply
    gamer tags
    Jan 27, 2013 - 12:18 PM

    Hi, I log on to your blogs like every week. Your humoristic style is
    awesome, keep up the good work!

  2. Reply
    Jan 27, 2013 - 04:11 PM

    Excellent article. I will be dealing with many of these issues
    as well..

Leave a Comment


Layout Style

Header Style

Accent Color