Lesson Plan: Improving Web Page Design Elements

Date: February 27, 1997

Objectives: The students will

I. identify areas of web page design that must be checked before posting a web site to the Internet.

II. list and demonstrate two or more design elements that can improve the look and functionality of a web site.

III. review the elements of their own pages and complete their content.
Warm Up Activity (Anticipatory Set): Design Elements to Know

A) Have the students complete the following matching exercise:

B) Have students correct their own papers.

HTML Elements

1) <img src="http://www.microsoft.com/encarta.gif">

2) <img align=left src="image.gif">

3) <a href="filename.htm">Click here</a>

4) <img src="northlogo.gif">

5) <a href="filename.htm"><img src="northlogo.gif"></a>

Effect on Web Page Layout

A) Imports and image from another server on the Internet.

B) Creates an image that is clickable (hypertext)

C) Inserts an image on the browser by calling up the image from within the home directory.

D) Creates a link.

E) Places the text of the page to the right on an image.

Main Activity (Instructional Input): Test Driving Your Site: A Check List

A) Distribute copies of the check-list found at http://www.type.com/wcd/test.html.

B) Have the studnets review the list and identify the five most important check-list items in their opinion.

C) Review and discuss student lists.
Examples (Modeling): Examples of Web design on the WWW.

A) Allow students to surf and collect URLs of sites that support or violate the list items discussed previously.

B) Demonstrate the concepts with pre-selected site or have students discuss the sites they locate.
Check For Understanding/Guided Practice: Student Web Page Development

A) Have students use the checklist to analyze their own web pages.

B) Students should make corrections where needed.

C) Have students use the rubric for secondary education web pages found at http://www.siec.k12.in.us/~west/online/eval.htm
The form to be used is found at http://www.siec.k12.in.us/~west/edu/rubric3.htm

Homework (Independent Practice):
Continue web page design & corrections.

If more time is needed, allow students to take disks home or have them come in to develop final drafts of their pages.

Wrap-Up Activity (Closure): Evaluating One's Own Work

A) Have students form partner pairs.

B) Students should critique each other's web pages based on the check list and design guides previously outlined.

C) Students can reform groups as often as time allows.
Evaluation: The lesson will be evaluated by:

I. the accuracy of student's written responses;

II. The quality of student web pages.

II. student's scores on future tests and quizzes.

George Cassutto's Cyberlearning World

     [Lesson Plan of the Day]     [Cassutto Memorial]    [About the Author]    [Search]    [Civics Lesson Plans]