Writing HTML | About | FAQ | Alumni | References | Tags | Lessons |
...
/ July, 1997 / version 3.0.2 / version history /

r e f e r e n c e s
These resources are mainly other tutorials and references that may help you along the way or fill in the gaps we have not explained. We also highly recommend HTML Goodies, webreference.com, builder.com, webmonkey, or Web Review.
Design
Anyone can slap up a web page, but the best sites, the "killer" sites require a lot of thought, planning, and up-front design.
Web Wonk
Dave Siegel's tips for writers and designers
http://www.dsiegel.com/tips/

Sevloid Guide to Web Design
an outstanding guide for any web developer http://www.sev.com.au/webzone/design.htm

Yale C/AIM WWW Style Manual
http://info.med.yale.edu/caim/manual/

Guide to Web Style
from Sun Microsystems
http://www.sun.com/styleguide/

NCD's HTML Design Guide
a reference for Standard and Enhanced HTML http://ncdesign.kyushu-id.ac.jp/html/html_design.html

Form + Function
Vivid Studios designs web sites for major business/enterntainment enterprises, and here they share their design process and philosophy. http://www.vivid.com/form/

HTML
Here are some of our favorite indispsensible guides
HTML Goodies
a giant collection of tutorials, resources, and even graphics for web developers
http://www.htmlgoodies.com/

Bare Bones Guide to HTML
Kevin Werbach's extremely useful "cheat sheet"
http://werbach.com/barebones/

Compendium of HTML Elements
is a reference manual of all HTML tags in general use.
http://www.htmlcompendium.org/

Sizzling HTML Jalfrezi
gives examples for every HTML element and attribute including new Netscape and Microsoft extensions
http://www.woodhill.co.uk/html/html.htm

HTML The Definitive Guide
online, the complete book by Chuck Musciano and Bill Kennedy
http://www.ora.com/books/webref/html/index.htm

TAoH of HTML
The Art of HTML
http://www.taoh.com/

Dr. HTML
is a tool that can diagnose problems on any web page http://www2.imagiware.com/RxHTML/

webmonkey
a tutorial using the "Monkey See, Monkey Do" approach http://www.hotwired.com/webmonkey/teachingtool/

Tables
These are they unseen backbone of high octane sites.
Killer Tables
This is part of the fantastic book Creating Killer Web Sites" and web site by Dave Siegel, in which he illustrates the use of tables to layout your web pages. We were heavily influenced by this work!
http://www.killersites.com/tutorial/

Table Tutor
a step-by-step guide from Joe Barta
http://junior.apk.net/~jbarta/tutor/tables/index.html

Forms & CGI
Web pages can be beautiful, but what people really like are interactive sites. CGI requires access to and knowledge of programming languages that run from a web server, and are a level or two above page formatting.
Carlos' FORMS Tutorial
Carlos walks you through the process of formatting web page forms.
http://robot0.ge.uiuc.edu/~carlosp/cs317/cft.html

Form Tutor
a step-by-step guide from Joe Barta
http://junior.apk.net/~jbarta/tutor/forms/index.html

Web Diner Forms Tutorial
covers the basics of formatting and using forms that email the form data rather than running through a CGI server (useful for web hosting sites like AOL that do not allow CGIs)
http://www.webdiner.com/annexe/forms/wdform1.htm

Programming with HTML Forms
WebReference provides this tutorial with examples, written by Andrew Davison.
http://www.webreference.com/htmlform/

The Perl Language Home Page
One of the most widely used server programming langauges
http://www.perl.com/perl/

The Common Gateway Interface (CGI)
a technical explanation from NCSA (you know, the folks that gave birth to Mosaic)
http://hoohoo.ncsa.uiuc.edu/cgi/

CGI Programming on the World Wide Web
online, the complete book by Shishir Gundavaram
http://www.ora.com/books/webref/cgi/index.htm

Frames
Controversial and often un-necessarily used, frames can provide a better navigational structure to your site.
The Netscape Frames Tutorial
by Charlton Douglas Rose
http://www.newbie.net/frames/

Framing the Web
by Dab Brown
http://webreference.com/dev/frames/

Net Assist for Frames
from Netscape's site
http://home.netscape.com/assist/net_sites/frames.html

Frames Tutor
a step-by-step guide from Joe Barta
http://junior.apk.net/~jbarta/tutor/frames/index.html

Graphics
We like the web because it is more than text. Duh. But using graphics wisely and at a low cost to the viewer is a high form of magic and art.
GIF Animation on the WWW
by Royal E. Frazier
http://member.aol.com/royalef/gifabout.htm

get animated!
Cecilia Farell wrote this c}net guide for how to create GIF animations.
http://cnet.com/Content/Features/Howto/Webanim/index.html

GIFWizard
an on-line tool to help you optimize your HIF images
http://www.gifwizard.com/

Animated GIF Recipe
a WebReview article by Richard Koman
http://webreview.com/96/03/29/tag/index.html

"In Design School They Promised No Math"
a Web Review article by Bob Schmitt
http://webreview.com/96/03/15/tag/index.html

The Browser Safe Color Palette
by Lynda Weinman, author of Designing Web Graphics without a doubt the best book on the subject.
http://www.lynda.com/hex.html

Consistent Color on ALL browsers -- 10 easy steps
a Netscape World article by Geoff Baysinger
http://www.netscapeworld.com/common/nw.color.html

Bandwidth Conservation Society
"a resource for web developers with an interest in optimizing performance, but still maintaining an appropriate graphic standard."
http://www.infohiway.com/faster/

JavaScript
Altough above we suggested the limitations of CGI for interactivity, JavaScript is text you can insert into your HTML that provides interactivity without requiring access to a server. It still looks like ugly computer code!
Website Abstraction's Ultimate JavaScript Tutorial
an extremely comprehensive tutorial and collection of resources
http://www.geocities.com/SiliconValley/Vista/9892/javaindex.htm

JavaScript Cut n' Paste
free collection of ready-to-go scripts
http://www.infohiway.com/javascript/

JavaScript Documentation
from Netscape
http://home.netscape.com/eng/mozilla/3.0/handbook/javascript/

Introduction to JavaScript
by Stefan Koch
http://rummelplatz.uni-mannheim.de/~skoch/js/script.htm

JavaScript: The Definitive Guide
the complete online book
http://www.ora.com/books/webref/jscript/index.htm

JavaScript for the Total Non-Programmer
the title says it all
http://www.hardlink.com/~robyoung/javatour.htm

Doc JavaScript
is a bi-weekly column from webreference.com, which also features the JavaScript Tip of the Week Repository
http://www.webreference.com/js/

Java
All the hype and promise? Java is a programming language that allows you to include plug-in free interactive "applets" as part of your web pages.
KneeDeep in Java
by Stefan Koch
http://rummelplatz.uni-mannheim.de/~skoch/javatut/kneedeep.htm

Gamelan
is one of the best known repository of Java applets and information
http://java.developer.com/

The Java Tutorial
from Sun, the folks that started the craze
http://java.sun.com/docs/books/tutorial/index.html

Shlurrrpp......Java
"The first user-friendly tutorial on Java" by Vijay Mukhi
http://www.neca.com/~vmis/java.html


Writing HTML: References
©1995, 1996, 1997 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges, Arizona

The Internet Connection at MCLI is Alan Levine --}
Comments to levine@maricopa.edu

URL: http://www.mcli.dist.maricopa.edu/tut/ref.html