Lesson Plan Title: How to Design Storyboards for Web Pages about Your Community
OBJECTIVES: (Grade 8)
The students will develop a storyboard which will be a graphic organizer for the organization of their web pages.
The students will work cooperatively in groups to plan a complex web page presentation.
MATERIALS:
PROCEDURES:
1. The teacher will review the storyboard process (previously taught for other multi-media presentations). Students examine samples of graphic organizers for storyboards and linear storyboard methods. Students look at teacher-selected web sites and discuss web page organization.
2. After obtaining materials from cooperating elementary classroom teachers involved in the project, the teacher announces the project topics. Each student indicates which topics he/she would like to work on. Students are assigned to groups based upon their interest and ability level (heterogenous groupings of 4 - 6 students per topic).
3. Students review materials provided from elementary classrooms and create storyboards for the web page topic assigned to their group. In some cases, students expand upon the information provided as they design the group storyboard.
4. As students fill in the storyboard cards, they are organized on a larger piece of paper. Lines are drawn to show links. Color coding on the storyboard helps to show different functions and make the navigation easier to see ( ex. red for return to home, green to move forward). Students are to label the storyboard for the specific web pages they will each design.
5. Storyboards are submitted for teacher review and each student group meets with the teacher during class time to discuss required elements of the assignment.
INTERNET SITES:
LAYOUT & DESIGN SITES
URL: http://point.lycos.com/categories/index.html - top 5% of designs as evaluated by Lycos, updated regularly
URL: http://info.med.yale.edu/caim/manual/ - covers graphic and information design, page layout, site organization, navigation, and multimedia content.
URL: http://www.dreamink.com/ - design and style guide for building faster websites featuring tutorials and resources.
SAMPLE SITES
URL: http://www.mos.org/sln/Leonardo/InventorsWorkshop.html - simple machines background information
URL: http://tqd.advanced.org/3615/tour.html - virtual Tour of a California Mission
URL: http://198.36.24.100/drweeks/pages/simmachines.html - elementary school site on simple machines
STUDENT WEB WORK PROCEDURE:
The class views Internet sites and evaluates the quality of each site's design. The teacher needs to find examples of both strong and weak quality web site design. Layout and navigation are analyzed in terms of the content and the purpose of the site.
OUTCOMES:
1. After group storyboards are approved by the teacher, students begin web pages; see Web Page Lesson Plan.
ASSESSMENT & EVALUATION:
1. Individual student requirements that should appear on the storyboard are listed below. Some students may wish to work in pairs (in which case they will be evaluated together for the final web design of 4 pages instead of the required 2 per student).
2. The plan must also show navigation for the group project. Consistent navigation throughout the group project is emphasized.
3. The teacher grades the storyboard for the entire group of 4 - 6 students based upon the above requirements.