Web Pages: Some Design Features


Web Page Design Features

[ Design Home Page ] This is not intended to be a complete guide to web pages design, for that see Pat Asher's web pages for designing pages for FreePages. That is an excellent starting point for beginners.

These pages describe some of the specific features that I have used on my own Rootsweb FreePages at http://freepages.genealogy.rootsweb.com/~neep

People often write to me to say "How did you do that?". To save me typing out the answers again, they are posted to these pages.

There is nothing especially complex used there! I have tried to keep the pages very simple, but effective. I have also used software which is free and readily available to all, except for the graphics software I use. There are free shortcuts, but in this case you really do get what you pay for.

Design topics covered here

Page layout


  • keeping it simple

Software used:

  • AOL Press (For the web page design)
  • WS-FTP (For transferring pages to the server)
  • Paintshop Pro (For the creation and editing of graphics and photos)

This page was created using AOL Press 2.0

It has virtually all of its content in a table with two columns. A narrow column 20% screen width (that only has a link in it to the home page, and the main column with all the main text in it. That's because I didn't want the length of the lines of text to be too long. Shorter lines are more easily readable.

Inside this column, there are a couple of places where I have "nested" another table, one with borders showing, and the other (describing my folder structure) without. That's how I managed to get the layout of that section correct. It is a table with six columns and lots of rows.

If you want to see the source code, and "borrow" it if you wish as a template for your own page(s), then on your web browser, on the top menu click on view | source. You can save that to your own hard disk if you wish.

[ Top of this Page ]
[ Computers Home Page ]

Copyright ©2000 Rod Neep