Skip's Notebook

The Evolution Of A Web Site

Virtual University html 1 & 3 classes, Winter 1999

Email Skip at skipdodson@email.com

version 02.19.99.15

Observations - Notes -Hints

Narrative

Note to visitors:
This is a work in progress as a part of the Virtual University html 1 & 3 classes, Winter 1999. My notebook is posted here for the purpose of sharing it with the class. The comments in this column are notes to myself and may only make
sense to me.

2/18 --
Just read Otter's, Using Border Backgrounds Reading it before I did this page would have saved me a lot of fooling around the first time I did the table underlying the page. So I revised it using the magical "invisible pixel". Sure works great!!

Below the next paragraph is an example of how the invisible or transparent pixel can be used to hold the column width. In this case a one pixel border is used to make it not so invisible:-)

Found an excellent site--
Web Page Design for Designers
, with a plethora of material. There is an excellent discussion about optimum page size. Included is a ruler as shown here to help make measurements on the screen. Put it on your page and then remove it before posting.

Introduction

     This is the beginning of my journey to create a web site for Dodson-Associates, a business and telecommunication consulting firm . The firm consults with business and municipal government on telecommunication issues, business planning, and community development.

     One common and valuable attribute of a good web site is that it provides visitors with helpful information regardless of whether they establish a business relationship with the site owner.

  • It is good public relations;
  • It encourages the visitor to tell others about the site;
  • It will probably cause them to return to the site
  • It is consistent with the web culture of providing an open, accessible, and inexpensive environment to exchange information, i.e. it is giving something back to the Web

     Many visitors to the D-A site will be new or inexperienced web users. Therefore I plan to include this notebook on the site to demonstrate:

  1. A web site building procedure;

  2. How the Web can be used as a tool to build a site; and

  3. That it is relatively easy and inexpensive to acquire web site construction skills.

not so invisible pixel gif, width =200 height=1
not so invisible pixel gif, width =300 height=1

Note:
This layout is the same as above the ruler except the table border is set to 4 pixcels so it is visible.

A handy tool--
I have used for some time a handy shareware application called Screen Ruler that is great for making screen measurements. There is a Mac and Windows version.

Suggestion to future students --
I highly recommend taking html-1 and html-3 coursses at the same time. Html-1 is an introductory html course, but html-3 doesn't deal with html code. It covers web site planning , organization. and design. It is a perfect complement to html-1. While you are learning the code to build your site you might as well learn how to plan it.

Question--this is coded to be bold--but it isn't. Is it because of the type size or what?

Computer equipment used
Software being used
Books
Web sites
don't make paragraphs too wide
easy navigation
no dead ends
three generations of site design
post this page showing the table on another page
screen shot of Page Spinner

Web site outline
Site map

Back to Top