CSUDH
LESSON MENU

TBE 540 - Programming Applications for Educators

Lesson 6 - Web Design

HTMLLESSON6.PPT

Software required: Netscape Communicator/Composer
Hardware required: Internet-connected computers
Audience: TBE 540 students (graduate students, majority are teachers)

Prerequisites:  Learners must already be able to... (besides basic computer knowledge)
1. Use a search engine to locate information.
2. Download graphics using Netscape.
3. Start an HTML document (from scratch).
4. Use an existing image map.
5. Demonstrate appropriate use of the following HTML tags categories: required tags, images, lists, background graphics, colors, text sizes, links (graphics/text), lines, map
6. Use Communicator/Composer to create/edit pages.
7. Use tables in a web page.
8. Recognize a FRAMESET page.

Objectives:  After completing this lesson, the learner will be able to...
1. List at least five characteristics of good web design.
2. Locate free web design templates.
3. Locate rubrics for evaluation of educational web pages.
4. Describe three simple techniques to make web pages accessible.
5. Demonstrate the use of special characters in HTML.

Lesson Description (time):
1.    Handout distributed, lesson explained. (5)
2.    Warmup: Edit WASHINGTON.HTML to include tables. (30)
3.    Visit links on the class website/view PPT lesson (HTMLLESSON6.PPT) related to web design and evaluation/rubrics (see Resources on the TBE 540 Home Page). List five important principles of good web page design. (20)
4.    Review web accessibility (see Resources on the TBE 540 Home Page) and special characters (for non-English pages). (15)
5.    Demonstrate samples of background designs. (10)
6.    Demonstrate use of tables with colored backgrounds. (10)
7.    Review educational templates available online (webtemplates.html) (20)
8.    Hands-on exercise (Web Design) (30)

 On Your Own: Try the interactive elements of 540quiz6.html.
Page created by F. Fisher for TBE 540 students at CSU Dominguez Hills. Last update 10/09.