skip to content
.
logo picture logo text
.
Breadcrumb trail for Web Design:
Web Design -> Planning -> Best Practices -> Basic Skills ->  Building -> Special Pages --> Publishing -> Domain Name -> Testing -> More

Web Design

There are probably as many ways to create a website as there are people who create websites. No matter which method you choose, there will be someone who thinks their way is better. The key is to choose the method that works best for you.

Although most folks have their preferred methods, there are some general steps that most folks take. This tutorial will take you through the steps. Some steps will include links to more information and/or specific "how to" tutorials.

This tutorial will tell how to use Kompozer (an HTML editor) and a pre-made free template - a method I used when I was first learning CSS. Now I create my own templates and code mostly by hand. If you prefer to hand code, you can follow the tutorial and add the information by hand rather than using the HTML editor.

You can get started on this tutorial by using the Table of Contents below or by using the breadcrumbs menu at the top of this section. Each tutorial page will have the breadcrumb trail at the top of the content section. You can also click on "Next" to go through the tutorial in order.  Feel free to proceed page by page or skip around if you want.

Table of Contents

Planning 

  • Focus on your visitors
  • Plan/Sketch the basic layout. 
  • Begin a rough draft of the content

Best Practices

  • Importance of Navigation
  • Images
  • Links to More Information

Basic Skills

  • Organizing
  • Practice Exercises
  • Learning the Basics of HTML
  • Learning How to Use an HTML Editor
  • Learning How to Use an a Free CSS Template

Steps to Build Your Own Website

  • Gather Your Materials
  • Make Changes to the Template and CSS File
  • Create Your Basic Pages
  • Check to See if the Links Work
  • Add Content to Each Page

Special Pages

  • Photo Galleries
  • Shopping Carts

Publishing

  • Web Hosts

Domain Names

  • Do you need one?
  • Recommended registras

Testing

  • Proofreading and spell checking
  • Checking for broken links
  • Accessibility
  • Useability
  • Validating

More

  • Music
  • Embedded videos
  • Advanced css
  • Outside Links
Return to Top
.