This course was taught at Miss Hall's School (Pittsfield, MA) during the 20042005 academic year.
It is no longer maintained, so some external links may not work.
I have, however, kept it on the web since it receives a large number of hits.
HTML & WEB DESIGN COURSE
Jump to the Table of Contents!
20042005 academic year
TEXT FOR COURSE: Web Design In A Nutshell, A Desktop Quick Reference by
Jennifer Niederst, second edition, O'Reilly & Associates, Inc., ISBN 0-596-00196-7,
copyright 2001. This text will be referred to as the Weasel book.
Throughout the year, you'll read through most of the Weasel book. To learn to read technical material,
you must practice reading technical material!
You'll also go through the online course that I developed the first year this course was taught at MHS:
HTML & WEB DESIGN COURSE
Sometimes you'll hit a topic on the web course first, and it will be later reinforced in the Weasel book.
Sometimes, it will be the other way around.
The same material will come at you at different places throughout the course, at varying depths, so you'll be constantly
reviewing, reinforcing, practicing, and extending all the concepts.
Most lessons have a mix of reading and questions to answer, and coding exercises. Sometimes I'll talk a bit
at the beginning of class; other times I'll just let you get to work on the current lesson and answer individual
questions as they arise. This is a very independent course!
There is a quiz over each lesson, part of which will consist of questions that are randomly chosen from each
lesson's "question database."
Some lessons will take only one day;
others will take an entire week. You may choose to start the lesson before coming to class. Or, you may start it in class.
Some people will be able to complete everything in class; others may need to do a significant amount of work
outside of class.
If you finish a lesson early, here are things that you may do:
Here are things that you may NOT do in class:
- Work on your web page!
- Study your database questions for the upcoming quiz.
- Help a classmate.
- Re-read stuff in the Weasel book, or read ahead.
Lesson 1: INTRODUCTION
- use email (doing so will cause you to lose a point)
- chat (doing so will cause you to lose a point)
Lesson 2: HTML EDITING TOOLS and BROWSER INFO
Lesson 3: ASCII CODE
Lesson 4: GETTING STARTED IN HTML
Lesson 5: STRUCTURAL TAGS
Lesson 6: PARAGRAPHS AND MORE
Lesson 7: TIPS ON GOOD HTML STYLE
Lesson 8: INTRODUCTION TO LISTS
Lesson 9: TEXT APPEARANCE
Lesson 10: INTRODUCTION TO LINKS
Lesson 11: LINKS WITHIN DOCUMENTS
Lesson 12: INTRODUCTION TO IMAGES
Lesson 13: MORE ON IMAGES
Lesson 14: RESIZING IMAGES
Lesson 15: ALIGNING IMAGES
Lesson 16: SERVERS
Lesson 17: PATHNAMES
Lesson 18: UNIFORM RESOURCE LOCATORS
Lesson 19: MORE HEADER TAGS
Lesson 20: INTRODUCTION TO FORMS
Lesson 21: MORE ON FORMS
Lesson 22: INPUTS FOR FORMS
Lesson 23: USING THE "SELECT" TAG
Lesson 24: FINISHING UP FORM DESIGN
Lesson 25: NUMBER SYSTEMS
Lesson 26: USING NUMBERS TO REPRESENT COLORS
Lesson 27: WEB-SAFE COLORS
Lesson 28: BODY ATTRIBUTES: BACKGROUND AND MORE
Lesson 29: INTRODUCTION TO IMAGEMAPS
Lesson 30: CREATING IMAGEMAPS
Lesson 31: PIXELS AND RESOLUTION
Lesson 32: THE FONT TAG
Lesson 33: HORIZONTAL RULES
Lesson 34: INTRODUCTION TO TABLES
Lesson 35: SOME TABLE TECHNIQUES
Lesson 36: INTRODUCTION TO FRAMES
Lesson 37: GRIDS
Lesson 38: NESTED FRAMESETS
Lesson 39: FLOATING FRAMES
Lesson 40: LINKING INTO FRAMES
Lesson 41: INTRODUCTION TO CASCADING STYLE SHEETS
Lesson 42: CASCADING STYLE SHEET BASICS
Lesson 43: CASCADING STYLE SHEET PROPERTIES
Lesson 44: CASCADING STYLE SHEET WEB TUTORIAL
Lesson 45: EXTERNAL STYLE SHEET EXERCISE