Professional Web Design & WebTutor HTML Tutorials
     
    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.)

     
    WebTutor Version Check - Are you using the latest version?
     
    So, you want to make a Web Page!
      Lessons:
        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, WebTutor buttons
      Index and Quick Reference
      Quickres
      Color Picker
        Download ColorPicker
      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:
        Netscape's 216 colors (image)
        Netscape's 216 colors (page)
        Chart of 1536 colors (page)
     
    Table Tutor
      Lessons:
        Intro - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10
        11 - 12 - 13 - 14 - 15 - 16
      Ouick Index
      Why are there spaces in my tables?
      More examples - Do it with a Table!
      Colored horizontal lines using tables
      Picture framing using tables
     
    Form Tutor
      Lessons:
        Intro - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10
        11 - 12 - 13 - 14
      Quick Reference
      Mailto Converter
      About CGI Form Handling
     
    Frames Tutor
      Lessons:
        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
     
    Frequently Asked Questions
     
    Bare Bones Guide to HTML (by Kevin Werbach)
     
    Suggestion Box
     
    Get on the WebTutor mailing list
     
    WebTutor Readme
     
    WebTutor printed version - Curl up with the WebTutor book!
     
    Re-posting WebTutor
     
    How to keep an idiot busy
      Build your own custom idiot page.
     
    JavaScript Tutor Learn and practice basic Javascript
     
    GateKeeper v3.2 Cool password protection with javascript.
      GateKeeper-II v3.2
      GateKeeper v2.2
      HTTP Authentication example & run through
      The Vault
     
    Magic Buttons 3.0 Learn to make javascript mouseovers.
      Index of Examples
     
    MegaCounter - a "configurable" hit counter for the rest of us
     
    Millenium Clock - count down to Y2K
     
    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
      How to Make Popup Windows
      Image Compression Examples
      RGB to HEX conversion chart
     
    Grey Matter Web Pro - the high-tech web editor
     
    Resources for Web Authors
      Newest Resources
      Lines, Buttons & Bullets
      Photos, Images & Icons
      Backgrounds & Textures
      Java
      VRML
      HTML
      Tools
      JavaScript
      CGI Scripting
      Sounds & Music
      Miscellaneous
      Submit Resource
     
    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.0 - A simple checkbook for MS Excel and MS Works
     
    Bug Report