Carol Fisher's Homepage
This course was taught at Miss Hall's School (Pittsfield, MA) during the 2003–2004 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.

On to the first lesson!

HTML and WEB DESIGN

Instructor: Dr. Carol J.V. Fisher

HTML (HyperText Markup Language)
is the language of the World Wide Web.

(Click here to get rid of the falling leaves!)

(Jump to the Course Syllabus!)

This rigorous programming course provides an excellent introduction to computer science. Each girl will design her own web page, based on an individual interest.

Although there are no formal mathematics requirements, an ability to think logically and an attention to detail are fundamental. Good keyboarding skills are essential (see below). The course is available to sophomores, juniors and seniors with math teacher recommendation.

The material at this site forms the basis for a year-long course that introduces aspects of HTML and Web Design. My goal in creating this course has been to provide a learning environment that takes you in a logical progression through many fundamental aspects of effective web usage, web design, and computer programming. Glance down the list below to get a taste of what's in store.

Wherever possible, you're linked to high-quality information that already exists on the web.

The order in which information is presented may at times seem disjointed. There are reasons for this. I want to quickly introduce a wide variety of topics to get you up and running: many things are re-visited later in the course, with more in-depth discussions. Also, I make use of some excellent tutorials that already exist on the web: when doing so, I have tried to follow the order of presentation there (even though I might prefer a different order). If there is a topic of particular interest to you in a later lesson, skip ahead and give it a try. Worst case scenario: you're not ready for this information yet, and will have to wait for some intervening lessons! You've got to have good keyboarding skills for this course! During the first couple weeks of class, you will have a TYPING TEST to assess your skills. The test is worth 40 points towards your Fall term grade: if you test at 40 words per minute (or faster), then you earn 40 points. If you test at 30 words per minute, then you earn 30 points (and so on). This is a web-based, 2-minute timed test. You'll have 15 minutes during class: you can take the test as many times as you like during this period, and when you're happy with your results, you'll print out your "typing speed'' sheet and pass it in to me. The test is located at:

http://www.typingmaster.com
Practice as much as you like!

I have incorporated a variety of special effects throughout these lessons, to illustrate fun things that you can do: visit the site below to get them for yourselves! Some of these effects do not work correctly with Netscape Navigator; it is recommended that you browse with Internet Explorer 4 or above.

http://www.dynamicdrive.com/



The following reference is useful for this course:

Web Design In A Nutshell: A Desktop Quick Reference, second edition, by Jennifer Niederst. Published by O'Reilly & Associates, Inc., copyright 2001. ISBN #0-596-00196-7
This is referred to as the Weasel book throughout the tutorial. (You'll learn why in lesson #1.)
The course is currently being updated from the first edition of the Weasel Book, to the second edition.

COURSE SYLLABUS

For course policies (quiz and exam info, late policy, exam dates, etc.) click here!

Many of these lessons have "special effects" that illustrate the variety of things that you can do with JavaScript. Unfortunately, some effects do not work properly on various platforms (MAC versus PC), with various browsers...

So, if you're experiencing trouble with one of the lessons (or just want to get rid of the special effect), then click the "no special effect" version!

If you finish the day's work early, here are some acceptable things to do:

© 2003 Carol J.V. Fisher    All Rights Reserved


HTML LESSONS:

1. INTRODUCTION TO THE INTERNET
no special effect
2. HTML EDITING TOOLS
no special effect
3. ASCII CODE and more
no special effect
4. GETTING STARTED IN HTML
no special effect
5. STRUCTURAL TAGS
no special effect
6. PARAGRAPHS AND HEADINGS
no special effect
7. TIPS ON GOOD HTML STYLE
no special effect
8. LISTS
no special effect
9. TEXT APPEARANCE
no special effect
9.5 THE MARQUEE TAG
10. INTRODUCTION TO LINKS
no special effect
11. LINKS WITHIN DOCUMENTS
no special effect
12. IMAGES
no special effect
13. MORE ON IMAGES
no special effect
14. RESIZING IMAGES
no special effect
15. ALIGNING IMAGES
no special effect
16. SERVERS
no special effect
17. PATHNAMES
no special effect
18. URLs
no special effect
19. MORE HEADER TAGS
no special effect
20. INTRODUCTION TO FORMS
no special effect
21. MORE ON FORMS
no special effect
22. INPUT TYPES FOR FORMS
no special effect
23. USING THE "SELECT" TAG
no special effect
24. FINISHING UP FORM DESIGN (for now...)
no special effect
25. NUMBER SYSTEMS
no special effect
26. USING NUMBERS TO REPRESENT COLORS
27. WEB-SAFE COLORS
28. BODY ATTRIBUTES: BACKGROUNDS and more
29. INTRODUCTION TO IMAGEMAPS
30. CREATING IMAGEMAPS
31. PIXELS and RESOLUTION
32. THE <FONT> TAG
33. HORIZONTAL RULES
34. INTRODUCTION TO TABLES
35. SOME TABLE TECHNIQUES
36. INTRODUCTION TO FRAMES
37. GRIDS
38. NESTED FRAMESETS
39. FLOATING FRAMES
40. LINKING INTO FRAMES
41. INTRODUCTION TO CASCADING STYLE SHEETS
42. CASCADING STYLE SHEET BASICS
43. CASCADING STYLE SHEET PROPERTIES
44. CASCADING STYLE SHEET WEB TUTORIAL
45. EXTERNAL STYLE SHEET EXERCISE
46. XHTML WEB TUTORIAL

JAVASCRIPT LESSONS:

J1.  INTRODUCTION TO JAVASCRIPT
J2.  JAVASCRIPT BASICS
J3.  DATA TYPES
J4.  MORE ON DATA TYPES
J5.  ASSIGNMENT STATEMENTS AND BOOLEAN VALUES
J6.  FUNCTIONS
J7.  GETTING INPUT FROM THE USER
J8.  REVIEW TUTORIAL
J9.  JAVASCRIPT REFERENCES
J10.  PRACTICE WITH REGULAR EXPRESSIONS

MACINTOSH LESSONS:

M1.  SAVING AN IMAGE FROM THE WEB