Lesson Plan
 
IMOS Home Student Center TallTech Home
 

March 22, 2000

Details

Title

Design constraints and page considerations
Typography on the Web

Time Allotment

6 hrs

Reading / References

Objectives (Design)

Objectives (Typography)

Coursework / Lab Work

Exercises (Design)

  1. Create a page that has a sample footer containing the elements listed in the PPT presentation. Try using the JavaScript to create some of the footer elements dynamically.
  2. Review the site stats outlined in the demo PPT slides. Go to the main page that has listings of stats for the past years. Note the trends of browser, resolution, etc. from the period 1996-1998.
  3. Create three pages: gateway.htm, lowres.htm, and hires.htm. The gateway page will automatically determine the browser resolution and send the user to lowres if they have 640x480. If they are 800x600 or higher, they will be transferred to the hires page.
  4. Download the BrowserSizer software noted in the PPT slides and try using it to adjust for screen resolutions.
  5. Review WebMonkey article "Sizing up the Browsers" (noted in slides).

Exercise (Typography)

  1. Download the Microsoft Web Embedding Fonts Tool (WEFT) from Microsoft.
  2. Install the tool.
  3. Go to the WebMonkey site for information/tutorials on fonts and using the tool.
  4. Try creating a document using the tool.