Notes on Site Construction....

November 2008

Constructed with Adobe Dreamweaver CS3
Starter file:
Original layout is in starter.html. This file is constructed with all design features and basic layout perfected. Once everything is set, a copy of this file is used to create first template.
Template:
stuart_main.dwt template from which all pages are created - stored in template directory (directory must not be moved!).

Site layout is constructed with tables

  1. three rows and 1 column with the middle row split into two.
    • Banner - top row contains another table that has three columns.
    • The center cell is defined as editable and the outer two are not.
    • The outer two are defined as conditional however so they can be turned on or off in the child pages (Index.html, leftside.html and rightside.html).
  2. Left side navigation bar has three blocks, the display of these blocks is controled by another conditional editible region.

steps to create images for Banner:

  1. Stuhalf1 (and 2).gif from stuart web site (christmas card) and coverted mode from indexed color to greyscale.
  2. Filter Stylize trace contour.
  3. Image adjust invert
  4. add text NewTimesRoman Bold 30pt Strong White
  5. saved as sturtlalf_a.gif (and stulfthalf_a.gif) respectively.
  6. The Banner is composed of three table columns The left and right are images of my head shot from the christmas card. One is inverted so that it looks like both sides of my face. The center is a graphic of my name and a sub heading.
  7. Banner template: Right and left cells are optional editible regions in the template. Their appearance is controled by a logical entry in the child pages that is editible. The center cell is editible so that each page (or class of pages) can have a unique banner.