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

Website Construction
How to construct your website

Constructing your Website

The techniques you use in constructing the physical site itself can add a professional touch to your work. This can be accomplished by the use of consistent elements throughout the site and the application of certain basic rules.

Layout, Theme and Graphics

Plan your website to be consistent in layout and theme. The proper use of graphics can also produce an outstanding site as well as the use of pre-designed website templates. Be sure to take these three elements into consideration when involved in your website construction. The proper balance of layout, theme and graphics is the mark of a professional website designer.

Basic website design considerations

  • Webpage Construction
    The heart and soul of a website are the pages that make it up. Following a few common sense rules can make the way that you design your webpages better than average.

  • Website Graphics
    Graphics, used wisely, can enhance your webpages and website. Knowing when and where to use them is the key to a professional looking website.

  • Website Templates
    Website templates offer an easy alternative to the arduous task of website design. Careful selection is a must.

HTML coding

Whether you use a web-authoring program or do all the HTML coding by hand, there are some basic steps to constructing a well-designed website layout. These steps begin with the intelligent design of the individual webpages. Make your HTML coding easy to read by using indentations and comment tags. This will save you a lot of time when you need to edit your site.

Have a plan for your website

You should have the layout of your pages planned, the website graphics and photographs ready to go, and the content determined. You know what order the pages will appear and how they will be linked...in other words, the navigation of your site. Make special note of the following :
  • Header elements such as a logo or title - these do not have to be the same size on all the pages, but should be the same design .

  • Common recognizable clues such as colored bullets and the same color and style of links .

  • Footer elements such as copyright and contact persons e-mail address .

  • A common graphics style - that is, don't use cartoon style images with photographic-quality graphics. Both are fine separately, but not together .

  • Margins for balance of the page just as you find in a book (i.e. white space)


BACK: Develop Website NEXT: Webpage Construction


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