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




Basic Website Layout

Basic Website Layout

Website Layout and Structure

The basic layout of a website follows a pattern of organization that makes it easy for search engines to index your site.

Also, a website that is well organized will be much easier to maintain.

Unless your website is constructed with an arrangement that is both logical and clean your efforts can be wasted and maintenance will be difficult.

The Basic Website Layout

If you have followed me up to this point your website outline should look something like this;
Basic Website Layout Diagram

Basic website layout diagram
Information Icon - How to Organize a Website

Homepage/Index Page


Website Homepage/Index Page


You have decided on your homepage design and have included links from it to the main sections of your website. This should be considered the first tier of content and lead into the interior of your site. Here is where your visitor is first introduced to your website.

If you are going to be serious about this website of yours then put a large part of your efforts into perfecting this homepage/index page. First impressions are important on the Web just as in life.

Information Icon - Designing your Homepage

Main Sections/Site Index


Main Website Sections/Site Index


The main sections of your site have been identified and placed in order of importance in your navigation scheme. When your visitors leave your homepage the first thing they should see is a listing or layout of all the main topics/main sections covered in your website.

This listing is not to be confused with a sitemap. Your site index should provide links only to the main sections of your website. Links to the content of these sections can be included in the pages following the main topics.

Information Icon - A Beginners Guide to Making a Sitemap


Subsections/Database


Website Subsections/Database


Subsections are placed in their proper categories and the content has been decided upon. This is where the main body of your website content resides. (i.e. database) They contain the bulk of the information that you are presenting to your visitors.

Many online marketers call these the money pages. Chances are that if your visitor has clicked their way down to this level, they are interested enough to buy your product or ideas. This is the area in which most ad clicks occur.

Information Icon - The Importance of Website Content


Developing the Basic Website Layout

Outline your website layout and organized your ideas and content into a concept that satisfies the purpose of your website. Draw a layout diagram showing the basic divisions of your website. It doesn't have to be fancy but it should reflect a pattern that will be followed throughout your site.

Information Icon - Designing Web Pages

Organize your files into a structure that reflects your website layout. Develop website files and directories that are easy to maintain and track as your website grows. The time that you spend on this aspect of your website design is important. Draw a diagram, organize your files and stick to a website structure that is easy to maintain.

Information Icon - How to Develop a Website Outline

Website Designing - Further Reading

Information Do You Know How To Create A Successful Web Site?
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 Designing Your Website - The Top Ten Pages to Include
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