History 255: Lab Exercise 4

due Thursday, March 11

 

  Purpose: to plan and design a site structure  

Web Style Guide

Interface Design

Site Design

Page Design

Web Graphics

Web Multimedia and Animation

Plan:

break down your team topic into subtopics and further subdivisions that reflect a tentative or working plan for your site. Use diagrams to identify the topics, subtopics, subdivisions and the relationships/links among them, proceding from general to specific levels.

 

Background and Preparation:

Go to the site for the Web Style Guide and study the structure of this site.

Read the Site Design section of the Web Style Guide

Use a concept map to diagram your topic, its subdivisions, and its interrelationships

Another concept map

 

 

Home Page Examples

Gaskell, North and South

Victor Hugo

Regency Fashion

Dix-Neuf

Gallica

Marx, Class Struggles in France (1850)

Mount Holyoke College (note navigation bar)

 

Design: Site Structure

1. Create a home page for your site. Use tables to create a title bar that identifies the site; a navigation bar or panel that provides a route to subtopics and identifies the level of topical specificity in the hierarchy of your site. Include a mailto: link as well as a link to web site that you think is a model of good organization and design.

2. Create an organizational structure of pages leading from the home page to subtopics and subdivsions. Include navigational links for this structure so that a reader can a) travel throughout your site and b) always return to the home page at any place.

Neither the home page or other pages need to have content except for a clear title bar that identifies, at least hypothetically, the subject of the page.

 

 

Hierarchy

 

Grid

 

Web