Lesson Plan Design s1

Basic Web Page Design

Standard Statement(s):

3.6.10.B – Apply knowledge of information technologies of encoding, transmitting, receiving, storing, retrieving and decoding.

Content Objective(s):

At the conclusion of the lesson the student will be able to:

Design a simple web page that includes an image obtained with a digital camera, text elements, a graphic image, and a link to another page.

Assessment Strategies:

1. Performance assessment

2. Group assessment.

3. Student produced materials.

4. Individual reflection.

Procedures:

1. Divide students into groups of 2.

2. Have each student take a picture of their partner with a digital camera.

3. Each student should make three thumbnail sketches of a web page design containing the required elements.

4. Have each student download their picture and save it in a file containing the basic web page document.

5. Open the basic web page document

6. Change the necessary codes to include their personal information.

7. Import, Scan or Copy a graphic element to the activity file.

8. Change the necessary codes to include that graphic image.

9. Give students an opportunity to view professional web pages layouts and designs.

10. Use the researched information to enhance their created web site.

11. Present web pages to the class and instructor.

Related Web Sites:

Perfect HTML Primer - http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html

Introduction to HTML - http://www.cwru.edu/help/introHTML/toc.html

Crash Course in HTML - http://www.w3-tech.com/crash/

Web Developers Virtual Library - http://www.Stars.com/

Website for webmasters, design tips - http://www.atwebsites.com/

Web Tools and Graphics - http://www.geocities.com/SiliconValley/Vista/7331/

Complete Idiot's Guide to Creating a Web Page - http://www.mcfedries.com/books/cightml/

Dynamic HTML: The Definitive Reference - http://www.oreilly.com/catalog/dhtmlref/

Millersville University's tutorial - http://muweb.millersv.edu/~honors/HTML_Tutorial/index.html