Professional Webpage Layout - by: Gene DeFazzio

Welcome to the Web - Rocketface(R) Workshop Webmaster's Tutorial - "How to Design a Website"

Professional Webpage Layout by: Gene DeFazzio
Headings and focal points Web visitors ''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 individual pages in your website must have a layout that allows the visitor to find out as much as possible about your webpage at a glance. 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 - 775 pixels wide 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.)

If you follow certain basic rules for your webpage layouts both you and your visitor will be happy. Stay consistent with the following rules of page layout and your website will take on a professional appearance.
The importance of good webpage layout The arrangement of the text and graphics should not be boring. If here is nothing to interest the eye your visitors will move on. Even with good graphics it would be difficult to make a poorly arranged webpage look professional. More important is the fact that visitors to a page that lacks a clean appearance would soon tire of it. New webmasters often make the mistake of paying too little attention to the layout of their webpages. It is imperative that your visitors feel good about your website and that is accomplished with clean, simple but pleasing page layouts. Look at websites that you find appealing and try to accomplish the same effect with your site. See: Webpage Layout Consistency counts On this page all of the webpage content elements are left-justified regardless of where they are positioned. This gives a clean professional appearance, it is not cluttered and is the style most commonly used for internet webpages. Remember, no matter which alignment style you are using, keep it consistent. If you want your website to have a professional appearance all of your pages should use the same rules of alignment. See: Typography and Website Design - Layout Balance the webpages Text is not the only element of a website that should remain consistent. Colors, headers, footers and styles of graphics should reflect a uniformity to your visitors as they move through your website. This is where the pros shine! Nothing gives that sense of quality to a website like balance. If all the pages of your website follow this type of pattern it will have that clean, uniform appearance that most web designers shoot for. Emphasize the main features of the page with a logical organization of both text and graphics. Don't underestimate the power of page layout it will make or break a website. See: Balanced Webpage Layout Catching the eye of your website visitors You must use a focal point to catch your visitors eye and emphasize the most important area of the page.
Your visitors will most likely skim quickly through your webpages looking for a particular subject, etc. You must present a focal point on each page that draws the eye to the main topic of the page and make it easy for them to decide if this is the information that they are seeking. Remember this when you develop your website layout. Summary The best way to understand what good webpage layout is to the success of a website is to do some research. There are thousands of examples on the internet. Study the style and layout of the top websites. Pick three of the most outstanding examples and see if you can emulate their appearance. Spot the things that are key to the layout of the pages and go from there. Remember, first appearances count.

Designing Web Pages

Designing Web Pages

Designing good webpages begins with good webpage layout. So what do you want on this most important first screen?

Professional Webpage Layout

Examining the methods of professional webpage layout. The individual pages in your website must have a layout that allows the visitor to find out as much as possible about your webpage at a glance.

All About Design Principles and Elements

Basic website design elements to consider. A truly shocking number of web designers are unfamiliar with the basic principles and elements of design.

Designing your Homepage

Believe me, you want your visitors to stay as long as possible. This is the only way your site is going to succeed. Your site must be interesting, persuading, and easy to navigate.

The Best Page Layout and Design for Content Websites

To understand which layouts work you only need to look at the industry gorillas. These are the online content publishers who have been around for years, and who have tested just about every layout combination.

Writing for the Web

Writing for the Web is very different from traditional writing. The way website visitors read Web copy is unique and you must adjust your writing style to be effective.

An Easy Way to Choose Attractive Color Combinations

Lots of people struggle to come up with attractive color combinations when designing logos, banners or web sites. So, here's an easy technique that only takes a few minutes.

Professional Graphics

Graphic design is an intimidating subject for many Internet entrepreneurs. However, most of us must learn some basic design techniques to avoid the high costs of hiring a professional graphics designer.

9 Ways to Make Your Web Site Look Great

Learn how to design a website that gets attention every time. Avoid the mistakes most people making when creating their first web site. Take home some tricks that even the most advanced designers will enjoy.

Selection of Web Templates

An important part of website designing is selection of web templates. Here are a few points which will help you select the best web template for your website.

Creating a Basic Web Design Template

A "template" is simply a design format which you can apply to all (or most) of the pages in your web site.