Help Files and Tutorials for Computer Users

Designing a Web Site

Return to Home Page (more help files)

Designing a website takes a certain amount of planning, just as with planning an essay or other composition.  You have to keep several things in mind if you intend to reach your goals.  Your website has a purpose, so all the elements of your site should help you to satisfy that purpose.  Following is a simplified strategy to help you keep on track in building your first website.

1.  Planning
  • What are your goals?
  • Who is your target audience?
  • What is your competition doing?
  • What features would you like to have?
2.  Sketch a block diagram of your site.

Decide on a navigation pattern for your pages.

  • How will your pages link to each other?
  • Will a link open a new page when clicked, or will it open in the same page?

3.  Make an inventory list:
Content: Collateral:
  • Articles or information

  • Pictures supporting the information

  • Logo

  • Backgrounds

  • Navigation graphics

Place these items into your block diagram.

4.  Create a grid (graph paper works - yes, paper! Not everything has to be done on a computer).
  • Navigation tools, logos, etc., should be placed in consistent locations from page to page.
5.  Create your elements
  • Use CorelDraw, Photoshop, or any available graphics program to create your images, buttons, borders, etc.
6.  Optimize your graphics
  • Convert each graphic to a suitable web format (jpeg, gif)
  • Choose reasonable sampling rate and resolution (8 bit paletted, 72 d.p.i.)
  • Choose suitable compression
7.  Organize your folders


8.  Prepare content
  • Compose stories or paragraphs
  • Review and edit images etc.
9.  Build pages
  • Optimize and organize
  • Clean up HTML files
  • Delete redundant files and images
10.  Test and upload

Return to Home Page (more help files)

Next: Start Here...

T. Carson 2005