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 Design
Design your web pages for maximum effect

Designing your home page

So what do you want on this most important first screen? You naturally want the title of your website and you want to let visitors know what the content is as briefly as possible. Use short phrases and short paragraphs. You also want to provide links to the main sections of your site (making sure to include text links). Most search engines will index your home page (i.e. index page) before they will index the other pages in your website so it is critically important that you give a great deal of thought to its layout and design.

Setting a tone/theme for your website

In addition to designing a home page, you are setting the tone/theme of your site with this first page. Here you are presenting what visitors can expect to see carried out on every page within the site. This is should also be true of the website navigation system you use.

Using a theme for your website provides a convenient way of placing certain elements, in the same place, on each page. Navbars, headers, footers, etc. should all appear in the same place on each page for the convenience of your visitors. At a glance they can find what they are looking for, this will enhance the usability of your website.

Provide a focal point on your web pages

You want to use contrast to guide the eye around your pages. And, to be effective, the contrast must be bold. Also, any good web page design must have a focal point. Something on the page must be the dominant eye catcher. If everything has the same level of importance, then nothing is important.

Group items and information that belong together using white space so that the eye knows they are together. Also, your webpage layout should be consistent throughout the website. Each page should present the same appearance and have related elements in the same place on each page.

Alignment of your web pages

The alignment of elements on the page - both vertically and horizontally - is also very important. Choose one alignment and stick with it. That doesn't mean you have to align everything along the same line; it means things should be aligned the same on the page. The following pages will help to explain what I mean.

Using web page templates

The perfect web page is one that blends into and compliments the overall design of your website. Each page represents a part of your total website and it should reflect the theme, navigation and focus of all the other pages. This is where a website template can make your design job a lot easier.

Web templates and theme

A good website layout should be theme and provide a clean navigation system.

There are a multitude of templates available on the internet, some are free and others are yours for a fee. Whatever you do be sure to decide on the template that suits your website theme the best.

Stick to the same design throughout your website

Once you have launched your site using a template stick to the same design throughout the website and add your own touches to make it your own.



BACK: Webpage Hotspots NEXT: Poor Webpage Layout


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