Teaching Guide: Introduction to HTML

Aim
The aim of HTML Basics is to teach WIT participants to recognize commonly used Hypertext Markup Language (HTML) tags in order to edit preexisting HTML files.
Rationale
Although there are a number of programs that will assist one in creating web pages, these programs do not always produce the desired result. In order to avoid dependence on WYSIWYG programs we must know some basic HTML. This module is designed to assist the user in adjusting web pages through the use of HTML so that the pages will reflect the intended design outcome.
Goals
Students will be able to make minor adjustments to their web pages through the use of HTML in order to avoid total dependence on WYSIWYG web design programs such as Netscape Composer.
Objectives

Students will recognize the basic html tags that frequently result in unwanted and incorrect renderings of web pages.
Students will be able to adjust the code in order to make their pages reflect what they want to be shown.
Students will be able to use some basic HTML code to create some effects that Netscape Composer does not naturally allow them to do.
Students will gain a basic understanding of the code that is behind the web pages they create.

Audience
Teachers who have basic experience using WYSIWYG web page design programs. Anyone who wishes to learn the basics of creating frames in Netscape Composer.
Prerequisites
Basic knowledge of Netscape Composer. Important note! It is necessary to set up the preferences of your computer so that there is a text editor, such as BB Edit, designated as a default for editing HTML source code. This is done through "Preferences, Composer, External Editors, Choose".
Description of subject-matter
Basic HTML code and HTML code used in creating frames.
Instructional plan
By selecting from a list of lessons, students will adjust the pages they are looking at through the use of basic HTML code. This will assist them in becoming aware of the degree of control they may achieve through the use of HTML as they are creating web pages.
Materials required
Netscape Communicator. Internet connected computer. Web browser that supports frames.
Evaluation
Students will make changes to the web pages in the lesson and simultaneously learn some ways HTML can be useful in web design.
Assessment
Lesson pages that have been adjusted as described in the lesson and module.

Intro to HTML Lessons: Creating a Web Page Background Color Unwanted Spaces Adding Spaces Working with Lists Extra HTML Tags Fixing Bad Links Image Sources Creating Frames Additional Resources Teaching Guide Feedback		Introduction to HTML Curriculum Guide Aim The aim of HTML Basics is to teach WIT participants to recognize commonly used Hypertext Markup Language (HTML) tags in order to edit preexisting HTML files. Rationale Although there are a number of programs that will assist one in creating web pages, these programs do not always produce the desired result. In order to avoid dependence on WYSIWYG programs we must know some basic HTML. This module is designed to assist the user in adjusting web pages through the use of HTML so that the pages will reflect the intended design outcome. Goals Students will be able to make minor adjustments to their web pages through the use of HTML in order to avoid total dependence on WYSIWYG web design programs such as Netscape Composer. Objectives Students will recognize the basic html tags that frequently result in unwanted and incorrect renderings of web pages. Students will be able to adjust the code in order to make their pages reflect what they want to be shown. Students will be able to use some basic HTML code to create some effects that Netscape Composer does not naturally allow them to do. Students will gain a basic understanding of the code that is behind the web pages they create. Audience Teachers who have basic experience using WYSIWYG web page design programs. Anyone who wishes to learn the basics of creating frames in Netscape Composer. Prerequisites Basic knowledge of Netscape Composer. Important note! It is necessary to set up the preferences of your computer so that there is a text editor, such as BB Edit, designated as a default for editing HTML source code. This is done through "Preferences, Composer, External Editors, Choose". Description of subject-matter Basic HTML code and HTML code used in creating frames. Instructional plan By selecting from a list of lessons, students will adjust the pages they are looking at through the use of basic HTML code. This will assist them in becoming aware of the degree of control they may achieve through the use of HTML as they are creating web pages. Materials required Netscape Communicator. Internet connected computer. Web browser that supports frames. Evaluation Students will make changes to the web pages in the lesson and simultaneously learn some ways HTML can be useful in web design. Assessment Lesson pages that have been adjusted as described in the lesson and module.
		The contents of the Web Institute Web Site, including the On-Line Curriculum, Web Tank, and Session Notes, are Copyright 1999-2000, Graham School of General Studies, University of Chicago. No one may print, copy, or otherwise reproduce these materials without the express written permission of the Director of Education Programs at the Graham School. All rights reserved. The chapters from Curriculum Webs: A Practical Guide to Weaving the Web into Teaching and Learning are Copyright 1999-2000, Craig A. Cunningham and Marty Billingsley. No one may print, copy, or otherwise reproduce these materials without the express written permission of the authors. All rights reserved.

Curriculum Guide