Anne Jensen
Apr. 30, 1997
Ed. 453A
Lesson Plan
Subject: Any (theoretically)
Level: Jr. High-College
Topic: Creating a Web Page
Date: Apr. 30. 1997
Instructor: Anne Jensen
Objective: The learner will design a simple web page.
Key Vocabulary:
HTML: hyper-text markup language
Anticipatory Set:
Begin by going to the computer lab and loading up Netscape. Visit
http://robles.callutheran.edu. ÒWeÕve all had the experience of
looking up pages on the world wide web. But have you ever wondered
what makes a web page?Ó (View source on robles.) ÒThis is the
thing that makes a web page, specific codes which set up the
entire layout.Ó
Transition Statement:
Today weÕll be learning how to make our own web pages, albeit
basic ones, using these same codes.
Input and Model:
1. Explain the basic idea behind HTMLÐcommands are like
parenthesis. With few exceptions, a code has an opening (or
starting point) and it must also have a stopping point. All codes
are in brackets.
Basic codes:
HTML
HEAD (where the title is)
TITLE (the name of the page)
BODY (the part viewed)
H1 (the heading)
BR (breaks a line)--does not need closing
P (paragraph, skips a line)--does not need closing
A HREF (sets up links)
IMG SRC (for pictures/images)--does not need closing
Explain the purpose of each of these codes
2. Set up a web page for them to enter into the computer in Word:
Name...
NameÕs Web Page
My name is...
IÕm a student at CLU.
This is my first attempt at a web page.
So far, so good.
Paragraph about whatever they want. (if students canÕt figure out
what to write about, have them write about why they like their
subject.)
3. Have students insert a link to robles around the word CLU.
Explain how one "anchors" the link to a piece of text (or a picture
or both). Thus to make a link to robles around the word CLU, one
puts the cursor at the word CLU in the page and writes the
following around it (or one simply types all of it in the first time):
CLU
4. Have students copy and then put a picture from robles into the
web page. To do this, one puts the cursor at the point of the page
where one wants the picture and types:
Check For Understanding:
Throughout the lesson, pause to ask questions of students: "Why
do we have to have the ?"
Guided Practice:
Have students save files to their disks, along with the picture and
then open it up as a file using Netscape. See how the links are.
Closure:
Explain that these are the basic tools to build a web page. There
are many many others, and new ones are invented each day.
Evaluation:
Look at their updated web pages (if there are any)?
If necessary, look at Yahoo (http://www.yahoo.com) for ideas, and
explain how one uses the building blocks to make bigger and better
pages. And how to use them to guess at other codes. Also explain
how one can use the set up of one page and insert another piece of
information. Discuss the possibility of getting their page copyrighted.