Intermediate HTML II: Class Outline

Day 1 | Day 2

A.  Review of Basic HTML Concepts

B.  Introduction to Tables

  • Pros and cons of working with Tables
  • Fluid vs. Static Tables and related Web Design issues

C. Table Tags: A Closer Look

  • Tags Used to Create Tables?
  • Extensions to Table Tags
  • Nesting Tables
  • Tips for Working with Tables

Exercise #1

Creating Simple Tables

Exercise #2

Editing Tables and Nesting Tables within Tables

Exercise #3

Adding and Aligning Images in a Table

Exercise #4

Recreating a Web Page Layout with a Table

D. Web Graphics & Image Maps

  • What is an Image Map and How is it Created?
  • Client vs. Server-Side Image Maps

Exercise #5

Creating an Image Map with Image Ready

Day 2

E. Introduction to Frames

  • What are Frames and How Can You Use Them?
  • A Look at Some Sites Using Frames
  • Frames vs. Tables: Comparing the Same Page

Exercise #6

Creating Different Page Layouts with Frames

Exercise #7

Recreating a Table Layout as a Framed Page

F. Introduction to Forms & CGI

  • What are Forms and what is CGI?
  • Difference Between the Front-End & Back-End of a Form

G. Forms: A Closer Look

  • What Are the Elements of a Basic Form?
  • Defining the Form Action
  • Selecting Input Types
  • Defining Names, Values, and Other Attributes

Exercise #8-A

Creating Your First Form: The Small Business Survey

Exercise #8-B

Placing Your Form in a Table

H. Forms in Action

  • A Quick Demo
  • CGI Resources Online

Copyright DF Communications 1997-2001

Back to Top
Back to Class Description