Test Website

The page layout with the crowd in front of a stage was selected for the CPCS Tutorial Website. The button proximity and repetition best integrate with the existing CPCS website layout. The black and white provide some contrast and add to the theater atmosphere.

As the cursor moves over the film canister buttons the message on the center stage changes to reflect information about those Tutorials.

The first set of Tutorials will include the CPCS Tutorials in QuickTime for the non-flash version of the website. The Wiser Tutorials will follow in QuickTime format. A later phase will include a Flash version of the tutorials.

Action outlines are being prepared for the Learning Plan Tutorial and will include narration for audio overlays.

I have set up a test website. The programs are in a test phase so beware that things could change. Feel free to follow the progress.

Wiser System Overlay Page

This is the Wiser Overlay Image that is activated on the Tutorial Main Page as the cursor passes over the Film Canister labeled Wiser. It replaces the Main Page Introduction with a Wiser System Specific Introduction.




Version 2:

CPCS Online Sytem Overlay Page

This is the CPCS Overlay Image that is activated on the Tutorial Main Page as the cursor passes over the Film Canister labeled CPCS. It replaces the Main Page Introduction with a CPCS System Specific Introduction.




Version 2:

Tutorial Home Page Template

Student Online Systems Tutorial Home Page.

The banner is the standard banner for the College of Public and Community Services website.

Below the banner exists a row of white text links with a black border. Both links return you to the CPCS Website. This row of general navigation links follow the standards of the CPCS Website.

Below Left you have a white box with images of movie film canisters. Each Canister is labeled for a link to a more specific Tutorial Page and will have a Disjointed Rollover that will change the bottom right Crowd and Stage image to display the appropriate link information. These links follow the standards of the CPCS website.

Version 2: