LESSON MENU
|
TBE 540 - Programming Applications for Educators
Lesson 2: Text Sizes, Colors,
and Graphics in HTML
HTMLLESSON2.PPT
Software required: SimpleText/TextEdit, Netscape (or other browser),
PhotoShop, clip2gif
Hardware required: Internet-connected
computers, display device, scanner
Audience: TBE 540 students
(graduate students, majority are teachers)
Prerequisites: Learners
must already be able to... (besides basic computer knowledge)
a. Access web pages and navigate
b. Use search engines to locate specific information
c. Download graphics from web pages
d. Match basic HTML tags to corresponding web page display
e. View the source of any web page
Objectives: After completing
this lesson, the learner will be able to...
a. Edit and create a web page using SimpleText or TextEdit
b. Demonstrate the use of at least three text sizes
c. Demonstrate the use of color tags for background, text, links
d. Demonstrate the placement and resizing of graphics on a web page
e. Describe three ways to obtain graphics for web pages
Lesson Description (time):
1. Warmup--Create a Simple Web Page (see also Raw Materials for
the Trains Page and TRAIN.txt) (30)
2. Review syllabus (5)
3. Handouts distributed, lesson explained. (5)
4. Research for fictional character (Personal Web Page
for a Fictional Character--Steps 1, 2, 3) See also character.html.
(30)
5. Demonstrate tags to control text size and style (10)
6. Demonstrate use of color in background, text and links, review Color page on class website, Lesson 2 (20)
7. Review sources of graphics--downloaded from
web, conversion of picture to .gif/.jpg using clip2gif and PhotoShop (see
also Graphic Hints) (30)
8. Complete Personal Web Page for a Fictional Character
(30)
On Your Own: Try interactive Quiz 2 (540quiz2.html)
Page created by F. Fisher for TBE 540 students at CSU
Dominguez Hills. Last update 12/07.
|