Welcome to the Web - Rocketface(R) Workshop Webmaster's Tutorial - "How to Design a Website" Rocketface(R) Home - Welcome to the Web
Webmaster's Tutorial -------------- Webmaster's Tutorial Index -------------- Article Archive -------------- Sitemap -------------- Privacy -------------- About

Webmaster's Tutorial
About Domain Names
About Web Hosts

Analyze Website
Analyze Audience
Target Audience
Demographics
Website Goals

Organize Website
Website Basic Layout
Website Structure
Website Sections
Website Content
Website Navigation

Develop Website
Website Construction
Sitemap Construction
Webpage Construction

Implement Website
FTP Website
Fine Tune Website
Upload Organization
User Interaction

Maintain Website
Maintenance Plan
Website Optimization
Optimize Website
Website Promotion
Website Traffic Analysis

Resources
Main Site Index
Article Archive

Webpage Construction
Organization of the individual pages that make-up a website

Creating your web page structure

The webmaster should always strive to build structure and organization into their website. The webpages that make up the website are the lowest common denominator in establishing that structure. Without a definable organization to the individual pages that make-up a website it is impossible to create a reasonable structure.

Holding the interest of your visitors

Like pieces in a puzzle, all of the pages that make-up your website should have a logical reason for being there. Also, they should complement each other and provide uniformity in both appearance and content when viewed as a whole. This type of layout scheme will tend to hold the interest of your visitors and increase the probability of a sale or click-thru.

Uniform layout and composition are the hallmarks of a well designed web page.


An example of the main regions of a webpage

figure 1 - An example of the main regions of a web page

Uniformity and web page structure

To produce continuity on your website as well as make navigation easier, break what you see on the screen into areas such as header, footer, body, links, and images. Put the same information in the same areas on each page. The above example shows one such pattern.

By doing so the person exploring a website is able to distinguish the important areas on each page at a glance. They will enjoy the experience more and this will result in them having a credible attitude toward what you have to say. Organization is a prerequisite to good webpage construction.

Does that mean every page will look identical? No, just that certain things will be in the same place on each page. The header and images may be larger or smaller, the links to different pages and the body content will definitely not be the same. But, the structure of the content will always be obvious to your visitor.

Page titles are important

Remember to create a separate, descriptive title for each page. If all of your web pages say <Title> Complete Widget Catalogue </Title>, when someone searches for blue widgets, you might not be listed even though you have a ton of blue widgets.

However , if you have a page that says <Title> Complete Widget Catalogue - Blue Widgets </Title> you have a much better chance of being listed and your site may have a higher ranking. (Note: The title is also what is used when someone bookmarks a particular web page.)

Meta tags should be considered

Next, the META tags...make them descriptive, use important key words but do not overload the keyword tag with duplications. This is an old trick that no longer works with search engines. In fact some search engines don't scan meta tags at all. Years of abuse by some webmasters have caused many of them to resort to other indexing methods. But, that having been said, there are still some who do still consider meta tags when listing web sites and for this reason you should not ignore them.

Webpage construction and templates

One way to establish an overall look to your website is to first design your homepage. Once you have decided on a layout for the homepage, (i.e. index page) and are pleased with its structure, use it as a template for the rest of the webpages that will make-up your site.

Group the information in such a way that your visitors will know where to look. Main topics centered, sub topics lower on the page, navbars positioned uniformly, etc.

Your webpage layout will make or break your website design. By providing a clean and uniform appearance your webpages will breath life and character into your site, giving a sense of stability and credibility to your website construction.



BACK: Website Construction NEXT: Sitemap Construction


Copyright© 1999 - 2011
Rocketface® Graphics
Rocketface® Workshop Analyze Organize Develop Implement Maintain Site Map Index