|  | PageTutor.com

SiteMap & General Table of Contents

• Print Versions - PageTutor & Javascript Tutor available in book form
• PageTutor Version Check - Are you using the latest version?
• Search - search PageTutor.com
• Membership Information
So, you want to make a Web Page!

Introduction
Lesson 1: getting started, saving as html
Lesson 2: background colors, background images
Lesson 3: bold, italic, underlining, nesting tags
Lesson 4: monospaced font, font size, font face
Lesson 5: font color, more about nesting tags
Lesson 6: section headings, link colors
Lesson 7: line breaks
Lesson 8: paragraph tag & paragraph aligning, centering
Lesson 9: the "space code", special characters
Lesson 10: inserting images, relative paths
Lesson 11: ALT attribute, image dimensions, colored lines
Lesson 12: simple links
Lesson 13: email links, image links
Lesson 14: more on linking
Lesson 15: about image filesizes, the GIF Optimizer
Lesson 16: making & using thumbnails
Lesson 17: more on images, image filesizes, thumbnails, anchors
Lesson 18: screen resolution, blockquote
Lesson 19: ordered & unordered lists
Lesson 20: definition lists
Lesson 21: horizontal rules
Lesson 22: preformating, comments
Lesson 23: final thoughts
Lesson 24: more resources, PageTutor buttons
Index and Quick Reference
Quickres
Color Picker

Download ColorPicker

Handy Dandy Font Viewer - (intro)
About Netscape's 216 colors
Special Characters
About files
Fixed background image
GIFWorks
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:

Netscape's 216 colors (image)
Netscape's 216 colors (page)
Chart of 1536 colors (page)

Practice Exercises

Table Tutor

Intro - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16
Quick Index
Why are there spaces in my tables?
More examples - Do it with a Table!
Colored horizontal lines using tables
Picture framing using tables
Background images in tables
Practice Exercises

Form Tutor

Intro - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14
Quick Reference
Mailto Converter
Mailto test
About CGI Form Handling
Practice Exercises

Frames Tutor

Intro - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16
Templates
Change 2 (or more) frames with one click:

HTML method (preferred)
JavaScript method

Eliminating those pesky thin lines
My Framz Page
Practice Exercises

JavaScript Tutor NEW! - Learn and practice basic Javascript

Javascript Tutor - printed version - Get the Javascript Tutor book!

GateKeeper v3.3 Cool password protection with javascript.

HTTP Authentication example & run through
The Vault

Magic Buttons 3.1 Learn to make javascript mouseovers.

Index of Examples
Images

CSS Primer NEW! - Basic Style Sheets 101
META Tag Primer NEW! - Learn about META tags and effective search engine ranking strategies.
How did you do that? - How did I put the little Joe in Explorer's location bar?
Frequently Asked Questions - Someone else has probably already asked your question.
Bare Bones Guide to HTML (by Kevin Werbach)
Resources for Web Authors

Graphics & Clipart
Javascript
CGI
HTML
Tools
Services
Flash
Sounds
Java
Miscellaneous
Submit Resource

Joke Break - A joke a day helps keep high blood pressure away...
Suggestion Box
Get on the PageTutor mailing list
PageTutor Readme
Re-posting PageTutor
How to keep an idiot busy
MegaCounter - a "configurable" hit counter for the rest of us
Miscellaneous pages on various Web Authoring Topics

Color charts
How to display today's date on your page
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

Grey Matter Web Pro - the high-tech web editor
NoteTab Clips

C-Liner
CSV-2-Table
HTML-Wrap
Image-Wrap
ReverseText
Slide Show Magic
Miscellaneous clip snippets

Filecons - A collection of icons designed for 16x16 resolution
Applications & Other Gizmos

My Personal MessageBox v1.1 - A simple Windows utility
Division Calculator v1.0 - A specialty calculator for craftsmen
INI Test v1.3 - A demonstration of .ini file reading/writing
Octagon Layout Calculator v1.0 - Layout octagons with ease
Simple Checkbook v1.1 - A simple checkbook for MS Excel and MS Works

Bookstore - all the top web design books all in one spot
Bug Report

Invest in the future - Hug your kid today.