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


How to Organize a Website

Index: Website Organization

Balanced Webpage Balanced Webpage Layout Database Navigation Hierarchical Navigation
Linear Navigation Focal Point HTML Editors Poor Webpage Layout
Titles Tags Links Unbalanced Layout Webpage Design Webpage Hotspots
Webpage Layout Webpage Specials Website Basic Layout Website Content
Website Navigation Website Sections Website Structure Website Theme
White Space

Why organize your website?

Next to analysis, organization is one of the key tools in the development of a website. If you proceed in logical steps while designing your site the job will go much easier and mistakes will be minimized.

As time goes by you will want to be able to edit and expand your website. Organization is the key to making this job a lot easier for you. By organizing your website into easy to manage sections rework and editing is a breeze.

How to organize your website

Our goal is to arrange all of the elements of our website into a whole of interdependent parts. Or, to form all of the text, graphics and thought into a functioning whole. Step back in your mind and get an overview of your website. Visualize it as an experience rather than a collection of text and graphics. This is where the website begins to take on shape and organization.

Starting with the main topic or keywords drill down through your webpages toward more and more detailed content. The homepage (i.e. index) is where your first arguments or website theme development should appear. From there the website pages should go deeper and deeper into the details of what you are selling, telling and/or presenting.

Information Icon How to Organize a Website
Information Icon Content Site Development Strategies - Creating A Website Blueprint


The 3 interrelated elements of website design-Structure-Content-Layout

There are three main elements that make up the organization of a website. Each one depends upon the other. They are:

1) Structure

The form of your website and its method of navigation go hand in hand. This is the framework that will support your website like your skeleton supports your body. Don't confuse structure with layout. Structure is the behind the scenes mechanics of how your website will work, not how you plan to lay it out.

All types of websites require their own individual methods of developing a website structure. This will largely depend upon your content and the principle focus or theme of your site. The best way to get started is to analyze existing websites and note the methods used by their webmasters to structure their form and function. Take notes and incorporate what you find in an original way.

Information Icon Website Structure
Information Icon Developing a Theme for your Website

2) Content

The body and substance of your website is its content. What do you want to sell, say or present? That should be the focus of your website's content. Every thing from color to wording is what your visitors see and react to when they visit your site so be sure to spend plenty of time on this element of your design.

By far the most important element of any website is the text or body copy. The message that you present to your visitors and the search engines is totally dependant on how well you communicate through your text/content. Work your website structure around the content. Never allow your website structure to overshadow the main topic of your site.

Information Icon Writing And Optimizing Your Website's Content
Information Icon Content and Optimization

3) Layout

The method of presenting your website theme or message is determined by the layout of your individual webpages. How will you present your website? Your website can be presented in many ways. Modern , retro, colorful, etc. but be sure that your theme complements what you are trying to say.

A website is composed of individual pages. It is the collective effect of each webpage that makes a site what it is. Chose a website layout that is both simple and complementary to the main focus of your message. Again, this is a good time to look around the Web for ideas. Find a layout that pleases you and your visitors and stick with it throughout your website.

Information Icon Professional Webpage Layout
Information Icon Give Your Graphics A Professional Look without the Price
Information Icon All About Design Principles and Elements

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