
SiteMap & General Table of Contents
Red links are part of the WebTutor download (and of course at the web site)
Blue links are available at the web site only, but much of it is downloadable.
(If you can read this, then your browser may not be displaying alternate link colors.)
So, you want to make a Web Page!
Lessons:
Introduction
Index and Quick Reference
Lesson 1: getting started, saving as html
Lesson 2: backgrounds, bold, italic, underlining, nesting tags
Lesson 3: font & fontsize, colors, section headings, link colors
Lesson 4: basic formatting, line breaks, paragraph aligning
Lesson 5: inserting images, relative paths
Lesson 6: links, image links, email links
Lesson 7: more on images, image filesizes, thumbnails, anchors
Lesson 8: ordered/unordered lists, definition lists, more formatting
Lesson 9: horizontal rules, preformating, comments
Lesson 10: more resources
Quickres
Color Picker
Handy Dandy Font Viewer - (intro)
About Netscape's 216 colors
Special Characters
About files
GIF Optimizer
Upload your page to the Web
Joe's Short List of Free HTML Editors
About Paint Shop Pro and IrfanView
Download Paint Shop Pro version 3
Color Charts:
Table Tutor
Ouick Index
Lessons:
Introduction
Why are there spaces in my tables?
Lesson 1: basic table structure and your first simple table
Lesson 2: borders, width & height, align & valign
Lesson 3: multiple cells & rows, cellpadding & cellspacing
Lesson 4: bgcolors, colspan & rowspan
Lesson 5: build the apple pie table from scratch
Lesson 6: table within a table, the dragon table
Lesson 7: more resources
More examples - Do it with a Table!
Colored horizontal lines using tables
Picture framing using tables
Form Tutor
Quick Reference
Lessons:
Introduction
Mailto Converter
Lesson 1: form basics, mailto vs cgi form handling
Lesson 2: input type text, password
Lesson 3: radio buttons & checkboxes
Lesson 4: pull down list, scrolling list, textarea
Lesson 5: hidden input, file upload, submit & reset
Lesson 6: more resources
About CGI Form Handling
Frames Tutor
Templates
Lessons:
Introduction
Change 2 (or more) frames with one click
Lesson 1: first basic framed page
Lesson 2: dividing further, the noframes tag
Lesson 3: scrollbars and margins
Lesson 4: border thickness & color, linking between frames
Lesson 5: build a framed page from scratch
Lesson 6: build a framed page from scratch continued
Lesson 7: more resources
Eliminating those pesky thin lines
My Framz Page
Bare Bones Guide to HTML (by Kevin Werbach)
Frequently Asked Questions
Suggestion Box
Get on the WebTutor mailing list
WebTutor Readme
NOTE
Some of the following online links did not work anymore so
I re-linked them, or you will get re-directed to another site.
How to keep an idiot busy A classic little amusement.
Take a Joke Break A joke a day helps keep high blood pressure away.
JavaScript Tutor A solid beginner's javascript course (print version available).
GateKeeper Cool password protection with javascript.
Magic Buttons Learn to make javascript mouseovers.
MegaCounter - a "configurable" hit counter for the rest of us
Miscellaneous pages on various Web Authoring Topics
Color charts
Examples and use of the ALIGN attribute in an <IMG> tag
How to add transparency to a GIF image with PaintShop Pro v4
GIF Compression Explained
How to make multi-link jump boxes
Image Compression Examples
RGB to HEX conversion chart
Resources for Web Authors
Graphics and Clipart
Java
Services (Free + Pay), counters, guestboxes, Search boxes, Site checkers
HTML
Tools
JavaScript
CGI Scripting
Sounds & Music
Miscellaneous
Submit Resource
| ||||||