Rocketface® Webmaster's Workshop
Designing A Website   
A beginners guide to building a classic website


Including the step-by-step webmasters tutorial
How to Design a Website

Home Sitemap Archive Index Privacy About Search AddThis Social Bookmark Button
Webmasters Tutorial Navbar
How to Design a Website
About Domain Names
About Web Hosts
Free Web Hosts
Private Web Hosts
Types of Websites
Building a Website
Analyze Website
Analyze Audience
Analyze Content
Website Design Tips
Website Journal
Effective Communication
Target Audience
Demographics
Website Goals
Organize Website
Website Basic Layout
Webpage Design
Website Navigation
Website Structure
Website Sections
Website Theme
Webpage Layout
Website Content
HTML Editors
White Space
Develop Website
Sitemap Construction
Webpage Construction
Website Assembly
Website Construction
Website Graphics
Website Templates
Implement Website
FTP Website
Fine Tuning Website
Upload Organization
Ftp Checklist
User Interaction
Maintain Website
Website Promotion
Marketing Website
Viral Marketing
Content
Product Sales
Affiliate Programs
OnLine Services
Optimize Website
Keywords
The SEO Process
Website Traffic Analysis
Increasing Website Traffic
Links Tracking
Link Baiting
ROR RSS Sitemap
Generator
Summary
Webmaster Resources
Webmasters Tutorial Start
The SEO Process
Mini Site Design - 101
HTML Tutorial
A beginners guide to effective email
Resources
Glossary
Newsletter
Feedback
Webmasters Article Archive

Bookmark
Bookmark Rocketface Workshop


Webpage Layout

Webpage layout size

When creating a web page, keep in mind that web users rarely scroll past the first screen. Depending on monitor size, resolution and the users browser settings, this means you are working with a very small area. 640 - 740 pixels wide, which is the rule of thumb that most webmasters follow. You will have to get your visitors attention or gain their interest with the content you display there. (If visitors do scroll, it is usually only 3 screenfuls worth or 2 clicks on their scroll bar so make sure your pages are not too long.)

Headings and focal points in webpage layout

Webpage LayoutWeb visitors also ''skim'' web pages looking at the headings and focal points rather than reading paragraphs. If the headings interest them, then they read the smaller text. If the focal points happen to be links to things they want to find out more about, they will click on those links.

The index/home page needs to have a layout that allows the visitor to find out as much as possible about your website at a glance without overwhelming them. Simple is the best. Remember to kiss your website. (i.e. Keep It Simple Stupid)

Information Professional Webpage Layout
Information Designing Web Pages

The basic elements of webpage layout

If you follow certain basic rules for your webpage layouts both you and your visitor will be happy. Balance the webpage with your text and graphics. Create a focal point or center of interest on everyone of your webpages. Pay particular attention to the balance of your webpage layouts. Be familiar with the hotspots on your webpages.



Stay consistent with the following rules of page layout and your website will take on a professional appearance.

Unbalanced Webpage Layout 1) Unbalanced Layout - How the layout of your webpage affects its appearance and gains or loses the approval of your visitors.
Balanced Webpage Layout 2) Balanced Webpage - An example of a well balanced webpage showing the benefits of proper layout and execution.
Webpage Focal Point 3) Focal Point - Creating a central point of focus on your webpage to improve its balance and capture the attention of your visitors.
Webpage Hotspots 4) Webpage Hotspots - The importance of certain areas of your webpages and how to exploit them to improve visitor awareness.
Information The Well Designed Webpage
Information 8 Ways To Improve Bad Website Design
Information Ten Steps to a Winning Home Page

Webpage layout summary

Your website is made up of individual pages and these pages will determine the character of the whole website structure. The look and feel of your website will make or break how your visitors react to your site and the credibility of what you have to say.

Information 7 Steps for Creating Jump Pages that Drive Sales
Information All About Design Principles and Elements

Be consistent with the layout of your webpages. Use simple and clean layouts for your webpages always keeping your visitors in mind. Make your website an experience that will be enjoyable for the people who visit your site. Follow the rules of layout that are outlined above and the results of your labors will be fruitful.

Webpage Designing - Further Reading

Information Designing Web Pages
Information Icon All About Design Principles and Elements
Information Icon An Issue of Width - The Resolution Problem
Information Icon Critical Web Design Rules
Information Icon An Easy Way to Choose Attractive Color Combinations
Information Icon 8 Ways To Improve Bad Website Design
Information Professional Webpage Layout
Information Icon Visit the Webmasters Article Archive for further information on website design and webmastering.


Back Next

Check out the webmasters article archive.
Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index