Web Site Storyboard

Honors College & Extended Degree Programs

For ABED 4118: Web Page Design Summer 2008 (Independent Study) Professor Sunil Hazari

By: Stacey Rowland

Site MapHonors College & Extended Degree Programs

http://www.westga.edu/~distance/honors/

Staff~distance/honors/staff.html

Annual Reports~distance/honors/annual_reports.html

Organizational Chart~distance/honors/organization.html

Evening & Weekend University~distance/honors/evening_weekend.html

Debate~distance/honors/debate.htmlExternal URLs:

Honors College: http://www.westga.edu/~honorsAdvanced Academy: http://advancedacademy.org

Distance Education: http://www.westga.edu/~distanceNewnan Campus: http://nc.westga.edu

Detailed Sketch of Each page:

Home Page: http://www.westga.edu/~distance/honors

Upper part of homepage (Header area and Navigation area)

This is a full page view of the layout of the Honors College and Extended Degree Programs homepage.

Both the divisional header and *UWG logo will contain active links when rolling over them

The rollover color on the left navigation will be the same color yellow as the yellow icon in front of the headings and subheadings in the text area—see example

The footer will contain a link to the University of West Georgia homepage—when rolling over the UWG Logo there will be an active link.

*

Secondary Page Layout

All of the secondary pages of the Extended Degree Programs’ website will have a similar look as the homepage. The homepage will be made into a template to be used to create the secondary pages: staff.html, organization.html, annual_reports.html, evening_weekend.html, and debate.html. An example of how the template will look is to the right of this page.

Staff Page

~distance/honors/staff.html

The below picture will be inserted into the staff webpage in the area to the right of the navigation.

Annual Reports~distance/honors/annual_reports.html

The images showing to the right of the navigation area are for visual purposes only—the images could be different than what is showing in this example. The only people or users who will need to access the annual report information will be the administration.

The roll over color will be red

Organizational Chart~distance/honors/organization.html

The image to the right is an example of what the design of the organizational chart page will look like. The two pictures to the far right of the navigation area will be labeled (Honors House and Humanities Bldg.)—the top right is a picture of the Honors House and the bottom right is a picture of the Humanities Building.

Evening & Weekend University

~distance/honors/evening_weekend.html

The below pictures will be inserted into the staff webpage in the area to the right of the navigation. To big picture will be labeled with something like, “Education in a personal environment . . . day or night.”

Debate

~distance/honors/debate.html

The image to the right is an example of how the debate page will be laid out. A picture of either Debate Personnel or the Debate Team will be to the right of the nav—labeled with “Debate” 35 Years of National Excellence.” Another image will be to the far right with a link to a video of Dr. Michael Hester and actual UWG debate footage.

The End

Thank you.