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


Website Assembly

Website assembly

Now the time has come to assemble your website. Gather together all of the elements that make up your website: webpages, scripts, graphics, forms, etc. and place them in a directory folder dedicated only to your site. This directory folder should be organized on your hard drive just as you intend it to be organized on the internet.

Examples of organizing your website assembly can be found here, develop website (website file organization), and here, upload organization (creating directories).

When you have organized your website directory folder in this manner you will have all of the building blocks that make up your site at your immediate disposal. This will provide for easy maintenance and manipulation of your website in the future.

- Easy Website Construction

Checklist for assembling your website

Use the following checklist to be sure that you have assembled your website correctly. The main points are as follows;
The first (index/homepage) page should fit, on screen, in an area 640 - 740 pixels wide by 460 - 520 pixels high. - This ensures that nearly every visitor to your introductory page will see its important information.

- Ten Steps to a Winning Home Page

Short text lines in all links - Be as descriptive as possible in your text links but keep them short. (i.e. 40-60 characters).

- Increasing Link Popularity

Short paragraphs - Visitors scan webpages and only read the information that they are looking for. Long paragraphs are difficult to read on a computer screen. Keep them brief. (i.e. 4-8 Lines).

-
Writing for the Web

"Alt" labels on all graphics - Search engines and websurfers who are without graphics capabilities cannot see images. The "alt" tag is a way to describe the missing image.

Index or sitemap for large website - All websites should have a sitemap. It is the backbone of your navigation system and provides access to all of the pages in your site at a glance.

-
A Beginners Guide to Making a Sitemap

Color coordination - Use only two or three basic colors for your website and stick to that color scheme throughout your site. This provides continuity. Also, be sure to reflect this in your text link colors.

-
An Easy Way to Choose Attractive Color Combinations




Quick download time - People do not like to wait while a webpage is being downloaded. Optimize your index/homepage to download in less than 30 seconds, the quicker the better.

-
Content and Optimization

Use of browser-safe color palette - If you want your graphics and text to display uniformly for all of your visitors use browser-safe colors only.

-
Give Your Graphics A Professional Look without the Price

All pages, other than your index/homepage, should be designed for a width of 640 - 740 pixels; the length can be whatever is appropriate for the content.

-
Professional Webpage Layout

Clear, easy to follow navigation - Website navigation is the single most important factor in providing a pleasant experience for your visitor. Simple is better when designing your navigation system.

-
Tips for Improving Website Navigation

Consistency from page to page - visitors will know they are still on the same website regardless of which page they are viewing. Use common headers and footers throughout your website.

Organization of the information and of the website - Simplicity and order must be the rule when you set-up your website. This is as important to you as it is to your visitors, now and in the future, as your site begins to grow.

-
How to Organize a Website

White space or negative space - This is how to direct your visitors eye around a webpage. Make good use of borders, line breaks and spaces.

Contrast of text and background for easy reading - Remember, reading on a computer screen is hard on the eyes. By providing high contrast and low key backgrounds on your webpages eye fatigue will be reduced.

Good object/text alignment - A balanced webpage layout is imperative for a professional appearance. Pick an alignment style and stick with it. This also helps your visitors comprehension when they read the content of your website.
Note:
Always try to keeps things 740 pixels wide or less, unless you are employing CSS controls, simply because you want to design for the lowest common denominator or screen resolutions which by most standards is 800x600. Some people have less, going as low as 640x480, but to design for that just doesn't leave enough space to accomplish anything worth doing.


- Cascading Stylesheets (CSS) for the Layman


Back Next


Check out the webmasters article archive.
Copyright© 1999 - 2008
Rocketface® Graphics
Home Analyze Organize Develop Implement Maintain Site Map Index