Anatomy of a Web Page: How to Design a Web Page

Web page design requires a strong understanding of the end user’s needs and the various platforms on which users will view the page. To better serve these needs, designers must understand the best way to approach the various parts of a web page, including the header, navigation, content areas, sidebars, footers and backgrounds. Regardless of how you plan to approach your web page layout, you’ll need to consider if and how you plan to implement these elements.

In Anatomy of a Web Page: How to Design a Web Page, you’ll learn how to successfully design your own web page by focusing on the way your end users interact with your content. This free excerpt from Above the Fold: Understanding the Principles of Successful Web Site Design shows you how to structure your web page in a way your end users can understand.

When determining how to design a web page, it’s crucial to consider all possible users, including those who are unfamiliar with technology. Many terms that refer to web page design are borrowed from older media—“”above the fold,” tab-style menus and other elements. These conventions cater to the needs of people who are familiar with reading newspapers and viewing organized document titles in tabbed folders in a file cabinet.

Whether this is your first or hundredth web page, these tips on simple web page design are sure to help you create more effective pages. Be sure you grab your free download today.

Enter your email to join the How Design newsletter and download your FREE eBook!

Download your free web page design guide.

Design your own web page like a pro with these great tips.

In this excerpt, you’ll learn how to design a website that is clear and easy for your users to interact with. You’ll also see some great examples of truly exceptional web page layout design.

Here’s what you’ll find in this free download:

How to create good web page design.

What defines a good web page design?

Good web page design is entirely determined by the way the end user interacts with the design. End users must not only find the site attractive enough to stay, but they must also be able to use and navigate the site quickly and easily, or they won’t return.

Learn how to create a web page with this free download.

How do you design the different parts of a web page?

From header to footer, web page layout requires the creation of basic page elements that orient end users and help them find what they’re looking for. Headers ground the user, establishing the brand and often presenting a clear call to action. A web page’s feature area might offer a focal point that takes up a large space on the homepage and includes bold, vibrant images and large, clear text. Content, as they say, is king, because users spend most of their time on a website interacting with content. Learn how to help your users interact with all of these elements better though effective layout.

Explore why web page layout matters.

Why does web page layout matter?

Choosing the right layout is crucial because it determines how your end user interacts with your website, whether that’s on a tablet, a mobile phone, a laptop or a desktop monitor. Eye tracking studies have determined that people view web pages from left to right, top to bottom on most desktop or laptop computer screens. To accommodate users’ needs on these platforms, your web page layout must present all of the most important information “above the fold,” just like a newspaper layout. This helps the user identify the hierarchy of information on the page and locate the content he or she is seeking.

Discover how to successfully design your own page page.

How do you create a successful web page layout design?

A web page design is the most successful when it appeals to the lowest common denominator—that is, people who do not understand how to use computers must be able to navigate the web page’s layout. Amazon.com is renowned for having a successful web design because its designers implemented the first tab-style navigation, which mimics the tabs of manila folders.


Don’t wait! Learn how to design a web page and improve your web page strategy with this free download: Anatomy of a Web Page.

Some classic approaches to web design never change, and layout is one of those areas that requires classic application of new technologies. Enjoy this excerpt from Anatomy of a Web Page, which shows three of the seven segments necessary for creating your page. If you’re looking for web design tips and interactive design inspiration, this download is perfect for you.


Enter your email to subscribe to the HOW Design newsletter to get even more tips & advice from the pros.