Tips & Tricks
Web Site Design

The Home Page

The Home Page is your calling card. It's the first impression and introduction to your site. This is the most important page on your site, because it pulls people in and gets them looking at what you really want them to see.

If you're going to spend time on graphics and fancy design, this is the page you do it on. But after this, keep your pages simple and quick loading. The biggest turn off to a user is when they have to wait for a page to load.

You can use your home page like a book cover that once it's opened presents a menu or table of contents page. This is one of the more common designs used for personal web sites. Many business sites, combine their Home page with their Menu page to help draw in customers and advertise their services.


The Menu
And Remaining
Site Pages
The menu page is just that, an itemized or topical listing of the contents on your web site. Many people like to use listings or graphical links and bars to help a visitor surf through the content of their site. The method is entirely personal to the developer. The biggest thing to remember is to try and design your pages so that they flow easily from one section to another.

Design your page
to the lowest
common denominator.

In every situation where text is used to communicate - a signpost, billboard, newspaper, magazine or web page - the designer has to employ the correct techniques to suit the desired medium.

Designing for a computer screen has its own set of problems. Add to these the limitations of a web page, which has to work across different computer platforms and screen sizes, and the problems get even worse. It is the designer's job to understand these issues and to use HTML design and graphics that can be viewed by their targeted audience.


Organize Your
Web Site
Before you can begin creating your site, you should have an idea about how it should be organized. Make some simple storyboard drawings on a few pieces of paper. Decide how you want your content to flow from the main page(s) down to your detailed postings (or pages).

 Create Your
Web Environment
You're ready to get onto your computer and begin the set-up details of your site's creation. Before you begin creating your first web page or image, you should create a web environment on your PC. This environment is really just an organized set of directories on your PC that you will also use when you transfer your site to your web host.

Your web environment helps you keep your site organized and manageable. Think of it as a filing cabinet with folders. Your cabinet is your web site. The folders group your content together so they are easily accessible.

In your file manager, create a new directory on your hard drive where you can keep your web data. You might call this top level folder WEB, as an example. Within that directory create a sub-folder called MYSITE. Creating your web environment will allow you to create multiple websites within your WEB directory. Inside MYSITE create a folder for all of your websites graphics. Call this folder IMAGES. The remaining directories will be based on how you've laid out your web site content. The following is a simple example of the most common environment layout.


Hard Drive:
If you have more than 1 hard drive on your PC, chose the one that contains all your personal data. You should also keep a disk or CD handy to occasionally back up your personal data files. Trust me, the backups will come in handy.
Web:
Create a folder that will contain all your web site designs. Trust me, you'll create more than one once you get started. If you're creating a family or personal home site, you might want each member of your family to have their own area to work in. It's worth creating this extra folder now.
Mysite:
Next create your personal folder. This is where you'd create your personal work space. Mysite or JoesSite are two examples of 2 different family sites. The most common directories for a personal site should be created within each persons work space. You should have an images directory and any subdirectories for topics you'll cover on your site. For instance:
Awards:
Everyone wants their site to be recognized for the work they do. So you might want to apply for awards, or give awards from your site.
Dogs:
Create sub-categories to hold information that you're going to put on your site. If you want to discuss dogs as a topic on your site, create a folder to hold your dog web pages.
Emails:
Once you start advertising your site, you'll begin receiving email notifications. Although you won't be posting these files onto your site, it's a good idea to keep those emails in a central location.
Images:
This folder will contain all your web graphics. These can be .gif, .jpg or animated files. Whatever the picture, it should go here.
WebRings:
Many people like joining webrings. It's one way to generate traffic on your site is through joining a web ring. You'll want to keep all your webring pages together in this area, the same as you would your award pages.

 Next: Intro To HTML Tags