LU Title:Web Page Creation

Author(s): William J. Cavanaugh

Grade Level: mixed

School Address:Ogdensburg Free Academy
1100 State St.
Ogdensburg, NY 13669

Subject Area: Information Systems

School Phone/Fax: (315) 393 -0900

Declarative

Procedural

• The elements that make up an effective and ineffective Web page and Web site.
• Vocabulary/terminology specific to the World Wide Web.
• Vocabulary specific to Web page design and creation.

• Use Microsoft Explorer to surf the Web.
• Use Microsoft FrontPage to create a Web page with the following elements:

1. Text in various font sizes and colors

• Use Microsoft Photo Editor to crop and manipulate images.
• Use a digital camera to take digital pictures.
• Use a Scanner with PhotoShop 5.0 software to scan printed images.
• Use the network to save and retrieve data in a shared network account.

Benchmarks:

• prepare multimedia presentations demonstrating a clear sense of audience and purpose.
• access, select, collate, and analyze information obtained from a wide range of sources such as research data bases, foundations, organizations, national libraries, and electronic communication networks, including the Internet.
• utilize electronic networks to share information

Benchmarks:

Key Idea 1: Information Technology is used to retrieve, process, and communicate information and as a tool to enhance learning.

What declarative knowledge should students be in the process of acquiring & integrating? As a result of the unit, the student will know or understand…

What experiences or activities will be used to help students acquire & integrate this knowledge?

What strategies will be used to help students construct meaning, organize and/or store the knowledge?

Describe what will be done.

• What elements make up a well designed Web page and Web site.
• Vocabulary specific to the WWW.
• Vocabulary specific to Web page design and creation.

• Each student will construct a glossary of terms.
• All instructions detailing how to use Microsoft FrontPage will contain the terms.
• The terms will be the topic of class discussion and used in all class discussion.

• Graphic Organizer
• Collaborative pairing
• Create experiences:

• Students will be given a graphic organizer to organize terms and definitions developed in class discussion and lectures.
• Using the FrontPage Manual, handouts, and "Help Screens", class lectures, sharing, and trial and error, each student will learn how to use FrontPage to construct a web page and use the related terminology.
• Students will develop three Web Pages of varying difficulty incorporating the vocabulary and features of a well designed web page.

What procedural knowledge will students be in the process of acquiring & integrating? As a result of this unit, students will be able to:

What will be done to help students construct models, shape & internalize the knowledge?

Describe what will be done.

1. Use Microsoft Explorer to surf the Web.
2. Use Microsoft FrontPage to create a Web page with the following elements:

1. Text in various font sizes and colors
2. Text in paragraph form
3. Images with text wrapping
4. Hyperlinks
5. A table containing an image and text
6. Frames
7. Bulleted or numbered list
8. Background graphic or color.

• Use Microsoft Photo Editor to crop and manipulate images.
• Use a digital camera to take digital pictures and save the images to a file on the network.
• Use an Epson Scanner with PhotoShop 5.0 software to scan printed images and save as a file on the network
• Use the network to save and retrieve data in a shared network account.

1. Provide manuals as resource materials whenever they are available.

2. Lecture/demonstration of equipment and software followed by hands on lab use by each student.

3. Class discussion concerning problems and techniques students have discovered.

4. Each student will design and create three web pages of increasing orders of difficulty.

The above make use of the following:

1. Classification
2. Comparing
3. Deduction
4. Induction
5. Error Analysis

In the initiating activity the students will have viewed and discussed web pages for two to three days. They will have seen all the features that are available to them for use in their own pages and discussed the features that make up an effective page and an ineffective page. 2 days: Lecture/demonstration in lab using FrontPage to create a page using features 1 - 3, saving and retrieving in a network account, down-loading and incorporating a graphic from the Internet. 1 -2 days:

Students will create a page, on a topic of their choosing, using features presented so far. A rubric will be used to evaluate.
2 days: Lecture/demonstration in lab discussing features 4 and 5, the digital scanner and "Photo Editor". Each student will use both devices. 2 - 3 days:

Planning Guide

Unit:

Step 1

Step 2

Step 3

What knowledge will students be using meaningfully? Specifically, they will be demonstrating their understanding of and ability to...........

What reasoning process will they be using?

Describe student's products and performances and the criteria for evaluation.

See above

[X] Decision Making
(selecting from seemingly equal alternatives or examining the decisions of others)
[X ] Problem Solving
(seeking to achieve a goal by overcoming constraints or limiting conditions)
[X ] Invention
(creating something to meet a need or improve on a situation)
[ ] Experimental Inquiry
(generating an explanation for a phenomenon and testing the explanation)
[ ] Investigation
(resolving confusions or contradictions related to a historical event, a hypothetical past or future event, or to the defining characteristics of something)
[X ] Systems Analysis
(analyzing the parts of a system and how they interact)
[ ] Other:

Products/Performances:

The products and performances are all described above.

Criteria for evaluation:

1. Terminology will be tested using a traditional short answer written test. (Define each term and give an example of its use)
2. Each student will use the digital camera and scanner to place images in their web projects. The criteria will be based on the ability to create the images and the quality of the images (in the case of the scanner). The rubrics for the pages contain an element for each.
3. Each student will use the outlined features of FrontPage to create web pages. The performance criteria will include the existence of each element, the appropriateness of elements and the quality of implementation. The rubric for the web pages contain an element for these features.

Element #1

Element #2

Element #3

Element #4

Elements

Terminology

Traits of an effective and ineffective web page

Use of digital camera and scanner

Using FrontPage (using specific elements of design) to build a web page.

Weight

15%

5%

15%

65%

Score Point 4

Score Point 3

[ ]Very effectively used ALL (8) design elements covered in class. Used at least one design element that was not taught in class.

[ ]Effectively used most (6 or 7) of the design elements covered in class.

[ ]Used all the traits of an effective web page to create an effective, informative page. None of the characteristics of an ineffective page are present.

[ ]Used most of the traits of an effective web page to create an effective, informative page. May contain at most one element of an ineffective page.

[ ]Used a digital scanner and/or camera to produce at least four effective, excellent quality images.

[ ]Used a digital scanner and/or camera to produce at least three effective, good quality images.

Score Point 2

Score Point 1

[ ]Used between 3 and 5 FrontPage design elements covered in class to produce a web document

[ ]Used less than 3 FrontPage elements in the creation of a web page.

[ ]Used some of the traits of an effective web page to create an informative page. May contain at most three characteristics of an ineffective page.

[ ] Page is not effective - contains mostly elements of an ineffective page.

[ ]Used a digital scanner and/or camera to produce at least one image.

[ ]Page contains no images produced from a digital scanner or camera.