Teaching 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 Dreamweaver.
   
• 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 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. 
   
• Prerequisites 
  Basic knowledge of Dreamweaver.
   
• 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 
  Dreamweaver.  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
   Fixing Bad Links
   Image Sources

Additional Resources

Teaching Guide