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 Develop a Website

Index: Website Development

Sitemap Construction Webpage Construction Website Assembly Website Construction
Website Graphics Website Templates Writing for the Web

Developing the website

The development of a website should be a complete and deliberate process. You will have many files and graphics that support your site and they need to be kept organized as you develop your website. This way whenever a change or update is necessary you can control the process much better.

One of the best ways to do this is by the construction and maintenance of a website outline. This is where you will keep track of the physical data that comprises the website and it helps you to keep control of your growing website structure.

As your website grows it will become more and more difficult to remember where everything is, therefore time spent on organizing and developing a website outline will make the job a whole lot easier. The following examples of a website outline will give you an idea of how to accomplish this.

Website outline

Example website outline

A website outline is just what the name implies...a written outline of the content of your website. Even though you feel as if you know every title and sentence on the website you are creating over time memory becomes hazy. Once a website is online it can be very difficult to remember the actual order of things.

Having a website outline helps provide a mental picture of the site, the sections, subsections and content pages. This will also serve as a valuable guide when you setup your navigation scheme. You will be able to better visualize the path that you wish your visitors to follow.
My Homepage: Index.html
Main page #1 Subpage A
   Detail page
   Detail page
Subpage B
Subpage C
Main page #2 Subpage D
Subpage E
    Detail page
Subpage F
Main page #3 Subpage G
Subpage H
    Detail page
    Detail page
Subpage J
    Detail page
Information - How to Develop a Website Outline
Keeping track of graphics and links

It is a good idea to list all the graphics and links and on what pages they are located. When you decide to change any of them, having the file names will save you a lot of time.

l realize this may seem like a lot of paperwork for something that is going to be on the internet. But l can tell you, from painful experience, that you will appreciate having written documentation and you will use it more than you can imagine.
Webpage Title: My website
Filename: (i.e. index.html)
Links on page: link 1 - main page
link 2 - subpage
link 3 - subpage
Graphics: image1.gif
image2.gif
image3.jpg
Comments:
Information - Content Site Development Strategies - Creating A Website Blueprint
You can create a website outline in any way that is most meaningful for you. A website journal, ledger pad, or even a data spreadsheet would work great. Use whatever works best for you. Just remember to keep it simple.


Website File Organization

    1) Keep your website organized on your hard drive just as you organize it on the internet. This simple step will save you hours of wasted effort.

    2) Keep files used on your index page and files used repeatedly in your root directory. But don't overload your root directory. Make use of sub folders that link to main pages in your root directory. (see website diagram)

    3) Create a subdirectory for each series of related pages. Keep all relevant information together in individual sub folders. This will help you and the search engines find threads to follow and provide easy access to information for your visitors.

    4) Plan for expansion. If you think a page on a particular theme will expand into a number of pages, create a subdirectory for it. And populate it with relevant data on that particular subject.

    5) Keep files that belong on each page in the same subdirectory. Don't put files from your root directory into these folders, keep them separate and link them to the sub folders.

    6) Name your subdirectories and files in an easy to identify manner. Make good use of your keywords when naming sub folders and files. This will unite the content of your website. They should all tie together in a logical way.

Information - Website Basic Layout
Information - Website Structure

Don't change your subdirectory or file names (and HTML page addresses) after the fact. Name and address them now in a manner that you will be able to maintain in the future, no matter how much you expand. This will help to prevent broken links. If you do have to change an address after your website is up, then place a redirect page or link in the old location.

Website Design for Beginners - Further Reading

Create a Professional Looking Website in One Day
Building a Multipurpose Website
Dos and Donts Guide to Great Web Design
Do You Know How To Create A Successful Web Site?
15 Fixes For A Failing Website
8 Ways To Improve Bad Website Design
Common Web Design Mistakes
Choosing A Professional and Reliable Web Host


Back Next

Check out the webmasters article archive.

Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index