![]() | |
![]() |
|
![]() |
|
Red links are part of the PageTutor download (and of course at the web site) Blue links are available at the web site only, but much of it is downloadable. Print version now available - Get the PageTutor book & CD! Comes with lots of good stuff... Software discounts, pre-release of Javascript Tutor, FREE clipart, etc. Order the book & CD or just get the CD. Become a member of PageTutor.com! Enjoy full ad-free versions of all tutorials. Download zipped versions of tutorials for offline use. Discounts on the PageTutor book & CD, NoteTab Pro and web hosting from AffordableHost.com! PageTutor Version Check - Are you using the latest version? Search - search pagetutor.com ![]() So, you want to make a Web Page!
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 Handy Dandy Font Viewer - (intro) About Netscape's 216 colors Special Characters About files Fixed background image 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: Practice Exercises ![]() Table Tutor
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
Quick Reference Mailto Converter Mailto test About CGI Form Handling Practice Exercises ![]() Frames Tutor
Templates Change 2 (or more) frames with one click: Eliminating those pesky thin lines My Framz Page Practice Exercises ![]() JavaScript Tutor Completed...finally! - Learn and practice basic Javascript Frequently Asked Questions Bookstore NEW! - all the top web design books all in one spot Bare Bones Guide to HTML (by Kevin Werbach) Suggestion Box Get on the PageTutor mailing list PageTutor Readme PageTutor printed version - Curl up with the PageTutor book! Re-posting PageTutor How to keep an idiot busy Joke Break GateKeeper v3.3 Cool password protection with javascript. Magic Buttons 3.1 Learn to make javascript mouseovers. MegaCounter - a "configurable" hit counter for the rest of us Miscellaneous pages on various Web Authoring Topics
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 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
Javascript CGI HTML Tools Services Flash Sounds Java Miscellaneous Submit Resource NoteTab Clips Filecons - A collection of icons designed for 16x16 resolution Applications & Other Gizmos
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 Bug Report |