Est. 1999

A Technology Consortium Workshop for MCIU
by F. Hayden Cochran

 

 Site Navigation

Home
Overview
What I see
Activities
Schedule
Adding Details
Terms
Student Comments
Publishing
Site Design

Recommended Book

 

Site Design

? Interested in how this site was designed? Here is an overview of how I designed this using FrontPage 2003

The Goals:

  • Use only shades of gray.
  • Apply DWT technology. (Dynamic Web Templates)
  • Use layout tables and cell formatting.
  • Use a CSS file. (Cascading Style Sheet)
  • Keep it simple.

Steps for this site design:

  1. First I created a DWT using layout tables as set up a table with 5 columns and 5 rows
  2. Column #1 = 175 pixels.
  3. Column #2 = 10 pixels
  4. Column #3 = no value
  5. Column #4 = 10 pixels
  6. Column #5 = 150 pixels
  7. The table width = 700 pixels
  8. The table height = 100%
  9. Row #1, #3, & #5 = 10 pixels high
  10. Row # 2 = 60 pixels high
  11. Layout cells were created to add the curves
  12. Color goal was to use only shades of gray
  13. This DWT was then saved in a DWT subfolder
  14. The DWT was then attached to all pages
  15. Finally a CSS file was created and attached to the DWT file
  16. The CSS file manages all fonts, links, and colors

Here are some screen captures of the set up

The DWT The CSS
Open the CSS file

 

 

Additional News

 

FrontPage Themes

Read my lesson about creating your own theme  here.

 
 

DWT = Dynamic Web Templates

Read my lesson about DWTs  here.

 
 

Portfolio

I have created a few web sites for others and you can see my portfolio here.

 
Email Contact   A Technology Consortium Workshop for MCIU