Anatomy of a Website

Tom and Toni  Wilczewski   have agreed to share with the alumni the artistic and technical steps in the construction of Tom's website it will be an interesting and informative process and you are welcome to participate with your suggestions and comments.

Formatting the first page

Page #1

The below illustration could be considered a classic design for a web page, it presents all of the elements in an orderly easy to follow layout, the first page is usually called the HOME PAGE or INDEX PAGE.

To see how this theory applies to Tom's actual page Click this link

If you have comments/suggestions concerning this page contact Tom at   

Link to next lesson Page #2

1. Header/Banner: is the upper table and usually makes a bold statement

2. Link: usually on left side under the banner, sometimes run horizontally under the banner

3. Photo: usually under the banner

4. Text: usually provides extended content

5. Footer: can be used for footnotes or website info i.e. who created the website, date of construction etc



Often times web pages are constructed using TABLES, composed of ROWS and COLUMNS. In our illustration the first row contains the word banner and has only one column.

The second row contains two columns LINKS and PHOTOS.
Each color is a table.


  If you have a one page web site and all the information is contained on that page you may not need links, however if the page contains large amounts of information you may want to links to a  specific location on that page. for example if your web page contained fifty poems you may want the viewer to get to a particular poem without having to scroll through all the others.  




Photos can also be links
I.E. Clicking on photo opens up a web page.


This is an opportunity to present the first things you want the viewers to know.






Link to page #2