|
Lesson Plan |
| ITCSS Home | Student Center | TallTech Home |
January 7, 2000Details
Reading / ReferencesRead tutorial 1 & 2 from New Perspectives manual Supplement from TallTech FTP |
Introduction to the WWW
HTML Versions
HTML Tools
HTML Syntax
Basic Tags
Nesting Tags
Displaying HTML Documents
Creating Headings, Paragraphs, and Lists
Inserting Special Characters
Inserting Horizontal Lines
Inserting a Graphic
Create hypertext links between elements within a document.
Create hypertext links between one document and another.
Review some basic Web page structures
Create hypertext links to pages on the Internet
Use and understand the difference between absolute and relative pathnames
Learn to create hypertext links to various Internet resources, including FTP servers and newgroups.
From the New Perspectives HTML manual (tutorial #1):
Work your way through the New Perspectives manual for Tutorial #1. Note: instead of using data from book, use your own data as per case problem #4 on page 1.39. Note 2: This resume will be updated as we proceed through the topics and will be used as part of your final project.
Quick checks on pages 1.11, 1.30, and 1.36
Complete case problems 1 & 2 from pages 1.37 – 1.38.
Chapter 2 Pretest (CTM Online - Chapter 2)
Demo - Chapter 2 topics
From the New Perspectives HTML manual (tutorial #2):
Work your way through the New Perspectives manual
for Tutorial #2. Note: instead of using data from book, use your own
data as per case problem #4 from the last chapter on page 1.39.
Quick checks on pages 2.9, 2.20, and 2.30
Assignment #: WD01
Assignment: Online Resume
Due: Jan 14/00
Marks: 10 marks
Prepare a personal online resume as per the case problems and examples outlined throughout chapters 1 and 2. Resume should be hyper-linked in a similar fashion. This will eventually be integrated into your final Web project.
Work on case problems from both chapters.
Begin working on checkpoint.
Do "for marks" assignment
What is HTML? – Pg 1.9
HTML Versions – Pg 1.10
Tools – 1.10
Example doc – 1.12
Syntax – 1.13
Creating a document - notepad
<HTML>, <HEAD>, <BODY>
<TITLE>
Opening the document in a browser
Heading tags – pg 1.17 <H#>, <H# ALIGN=>
Paragraphs – 1.19 – 1.22
Ordered Lists - <OL>, <LI> - pg 1.23
Unordered Lists - <UL>, <LI> - pg 1.23
Definition Lists - <DL>, <DT>, <DD> pg 1.24
Logical character tags – how to use text - <EM>, <STRONG>, <CODE>, <VAR>, <CITE> - page 1.26
Physical character tags – how to format - <B>, <I>, <TT>, <BIG>, <SMALL>, <SUB>, <SUP> - page 1.27
Nesting tags
Special characters – pg 1.30
Horizontal lines - <HR> - pg 1.31, 1.32
Graphics <IMG SRC> - pg 1.33
Created named regions – 2.4 to 2.6
Creating internal links – 2.7 to 2.9
Web page structures – 2.10 to 2.13
Inter document linking – 2.14 to 2.18
Inter document linking with named regions – 2.19 to 2.20
Linking to documents between folders – 2.21 to 2.22
Linking to documents on the Internet – 2.23 to 2.24