In this video, we’ll cover the basic structural elements of a web page. It’s important to understand how almost every web page on a website is structured by these elements as you’ll need this understanding to build your own web pages.
Now that you’re familiar with your editor, I want to discuss the basic structural elements or sections of a web page. It’s important to understand how almost every web page on a website is structured by these common elements. You’ll need this understanding to build your own web pages.
Let’s take a look at a single web page from 5 different web sites. You’ll see vastly differing content, functionality, and design, BUT they will ALL have these common elements:
There are very few sites that don’t at least loosely follow these basic structural elements of a web page.
You’ll need to understand this when building your own website not only because its good practice, but virtually every template your website builder offers will utilize this structure.
Also, the header, navigation menu, and footer, typically remain the same, meaning that if you edit or make a change on any one of these elements, that change will reflect across every page of your website, not just the single page you were currently on. You can see this when we navigate to different pages across the website. Only the main content column and side bars typically change.
Note: Most website builders keep the navigation menu within the header and thus collectively refer to both as the header.