Background Image
White Flower

HMTL Class

Instructor: Ryan Hanau

Overview

HTML has progressed significantly from its early days, so too have the WYSIWYG tools that allow web designers to create the mark-up language. However, today more than ever professionals working in the industry still must possess a strong working knowledge of how to "hand code" the language. This class will offer a hands-on approach to coding some of the more advanced aspects of HTML. We will begin with some of the more complex attributes of tables, progress to frames and forms, discuss client-side image maps, and conclude with an introduction to JavaScript programming and Cascading Style Sheets. Using hands-on exercises students will learn by doing. Additionally, readings will add to the material presented in class helping to construct a conceptual model of our material. Students will be working towards a final project that utilizes the teachings and will serve as a portfolio piece.

Prerequisites

HTML I or equivalent and a good understanding of the Windows/Mac (depending on the class) operating system (OS).

Grades

Grades will be based on a combination of the following factors:

  • Class attendance (students may miss only 1 class and still receive a passing grade)
  • Class participation (students are encouraged to actively participate in class)
  • Satisfactory completion of the final project (a six to ten page web site)

Zip Disks

Students will need to purchase a zip disk to transfer their files from home to class.

Hosting

Everyone will need web space to post his or her work including the final project. In most cases simple http services should suffice. CGI-Bin and database access are not needed for the class but are not a downside either. I recommend that you find a low cost host. There are a number of these and below you will find my preferences:

Software

Purchase with a Student Discount

Browsers

HTML Editor

HTML WYSIWYG Application

File Compression

FTP Client

Books

Required

Suggested

Schedule

Lesson 1: Welcome

  • Introductions
  • Requirements (Grading, Reading, Assignments, Final Project, Books, etc.)

Basic HTML Review

  • What is HTML
  • The Embedded Tag
  • Document Structure
  • Text, Anchors, Images, Multimedia

Advanced Tables

  • What are Tables
  • Quick Tables Review
  • Page Layout Using Tables
  • Blank Gifs and Alignment
  • Complex Tables

Lesson 2: Frames and Meta tags

Frames

  • Overview
  • The <frameset> Tag
  • The <frame> Tag
  • Targeting
  • The <noframes> Tag
  • The <iframe> Tag

Meta Tags

  • Overview
  • Their Purpose
  • Syntax
  • Search Engine Optimization

Lesson 3: Forms and Imagemaps

Forms

  • Overview
  • Input
  • Buttons
  • Multiples

Image Maps

  • Overview
  • Server-side vs. Client-side
  • Syntax
  • Tools to Help You Out

Lesson 4: Cascading Style Sheets

Cascading Style Sheets (CSS)

  • Overview
  • Declarations
  • CSS Types
  • Classes
  • Units
  • Properties

Lesson 5: JavaScript

JavaScript

  • Overview
  • Objects
  • Events
  • Syntax
  • Properties
  • Events
  • Functions
« Previous | Next » 1 | 2 | 3 | 4 | 5
Background Image