Writing HTML | About | FAQ | Alumni | Kudos | References | Tags | Lessons |
/ November 1999 / version 4.5 / version history /

r e f e r e n c e s

select a category

These resources are include other tutorials and references that may help you along the way or fill in the gaps we have not explained. We highly recommend About.com, HTML Goodies, gettingstarted.net, webreference.com, webTeacher, builder.com, projectcool's developerzone, webmonkey, or Web Review.

The WebTeacher site in particular offers a very comprehensive set of tutorials that are clearly written and cover everything from basics of web browsers to file formats to Java and CGI.

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
Sevloid Guide to Web Design
an outstanding guide for any web developer
Yale C/aIM WWW Style Manual
one of the absolute best design resources
Writing for the Web
by Jakob Nielsen, PJ Schemenaur, and Jonathan Fox at Sun Microsystems
Process + Practices
Vivid Studios designs web sites for major business/entertainment enterprises, and here they share their design process and philosophy.
glassdog Web Design
This high end designed site (many features of generation 4.0 browsers) features a wealth of valuable tips on web design.
Neon Design Tips
a collection of tips written by Dave Kristula
The Seven C's of WebService Design
The University of Georiga provides a concise set of guidelines (with linked examples) that can be used for any orgranization's web site. The Seven C's include Comprehensiveness, Currentness, Client-Orientation, Clarity over Coolness, Courtesy over Coolness, Compatibility without Compromise, and Cross-Linking and Validation.
Information Design Tutorial
"is an introduction to the basics of page layout and site design. It assumes that you already have a basic knowledge of HTML... The aim is to look at various ways to transform raw text material into an attractive presentation that uses some of the real potential of the Web as a medium." http://www.accessone.com/~jdwest/infodesign/index.html
Web Page Design for Designers
"is aimed at people who are already involved with design and typography for conventional print and want to explore the possibilities of this new electronic medium."
Elements of Web Design
The folks from c|net guide you through the process of designing a Web site.
Valerie Casey's Web Design Tutorial
Instructor and professional developer Valerie Casey writes this in depth guide to web and information design
Here are some of our favorite indispensible guides that are either high quality references or greate tutorials (other than our own!
HTML Goodies
a giant collection of tutorials, resources, and even graphics for web developers
Bare Bones Guide to HTML
Kevin Werbach's extremely useful "cheat sheet"
Browser Campatability Chart
from WebReview, shows you what tags are supported on different web browsers/versions
Compendium of HTML Elements
is a reference manual of all HTML tags in general use.
HTML An Interactive Tutorial for Beginners
Teenager Dave Kristula wrote this hands-on tutorial that allows you to learn and experiment with HTML all inside the comfort of your web browser
Sizzling HTML Jalfrezi
gives examples for every HTML element and attribute including new Netscape and Microsoft extensions
is a tool that can diagnose problems on any web page
a tutorial using the "Monkey See, Monkey Do" approach http://www.hotwired.com/webmonkey/teachingtool/
ZDNet's Tag Library
features a summary of HTML history and a tag by tag description
The unseen layout for many web sites, but perhaps soon to be displaced by Style Sheets.
HTML Tables
from the Web Developers Virtual Library
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!
Table Tutor
a step-by-step guide from Joe Barta
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.
offers a free online class in CGI programming written by Jacqueline Hamilton. "This class is intended for anyone who knows HTML, but doesn't know Perl or CGI programming (and maybe doesn't know any programming at all). The goal here is to introduce you to writing Perl CGI scripts, teach you the basics of writing CGI's, and walk you through several examples of common CGI programming applications for the Web." The site also features a library of free scripts and links to other related sites.
CGI Programming with Perl
Through a series of articles in WebReview, Brent Michalski takes you from the very basics to more advanced concepts of writing Perl scripts to run CGI programs
CGI for the Total Non-Programmer
walks you through the basics of creating CGIs with Perl on a Unix platform and does not assume you know anything about CGIs, Perl, or Unix.
Form Tutor
a step-by-step guide from Joe Barta
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)
Programming with HTML Forms
WebReference provides this tutorial with examples, written by Andrew Davison.
The Perl Language Home Page
One of the most widely used server programming langauges
The Common Gateway Interface (CGI)
a technical explanation from NCSA (you know, the folks that gave birth to Mosaic)
Speakeasy CGI Resources
Sanford Morton's tutorials, discussions and working CGI scripts. The emphasis here is on explanation, so most of the scripts are discussed in some detail. Most are usable in production. http://www.speakeasy.org/~cgires/
Controversial and often un-necessarily used, frames can provide a better navigational structure to your site.
Sharkey's Netscape Frames Tutorial
by Charlton Douglas Rose
Framing the Web
by Dab Brown
Net Assist for Frames
from Netscape's site
Frames Tutor
a step-by-step guide from Joe Barta
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
get animated!
Cecilia Farell wrote this c}net guide for how to create GIF animations.
Animated GIF Recipe
a WebReview article by Richard Koman
CoolText Online Graphics Generator
"is a totally free online service which provides real-time generation of graphics customized exactly the way you want them."
"In Design School They Promised No Math"
a Web Review article by Bob Schmitt
The Browser Safe Color Palette
by Lynda Weinman, author of Designing Web Graphics without a doubt the best book on the subject.
Optimizing Web Graphics
WebReference.com provides a comprehensive overview to help you shrink the file size of images
Consistent Color on ALL browsers -- 10 easy steps
a Netscape World article by Geoff Baysinger
Bandwidth Conservation Society
"a resource for web developers with an interest in optimizing performance, but still maintaining an appropriate graphic standard."
Although 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
JavaScript Cut n' Paste
free collection of ready-to-go scripts
Beginning JavaScript Tutorials
a set of brief examples from The Web Design Resource
Introduction to JavaScript
by Stefan Koch
JavaScript for Beginners
a well-written guide from the folks at c|net
JavaScript for the Total Non-Programmer
the title says it all
Doc JavaScript
a bi-weekly column with helpful examples, from webreference.com
Sharky's JavaScript Answers
is a collection of tutorials covering common JavaScript programming challenges, ranging from image rollovers and scrolling text to access control and cookies.
Thau's JavaScript Tutorial
is neatly organized guide from webmonkey
WebMonkey Guide to Javascript
gets you started with basic JavaScript creation
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.
CNET JavaCenter
features several guides and tutorials for learning Java
KneeDeep in Java
by Stefan Koch
HTMLGoodies Java Applet Tutorial
a friendly way to dip your fingers into the cup of Java
IBM Java Education
Big Blue offers free online courses, including "Introduction to Java" and "Building a Java Applet"
a free service that allows you to easily create your own Java applets, and no knowledge of Java programming is required. The JunkMachine will generate HTML code that you can simply cut and paste onto your site.
is one of the best known repository of Java applets and information
The Java Tutorial
from Sun, the folks that started the craze
"The first user-friendly tutorial on Java" by Vijay Mukhi
Dynamic HTML
What can you do by combining JavaScript and a 4.0 version browser? Animated and interactive web pages.
Beginner's Guide to DHTML
David Gardner makes it understandable http://www.geocities.com/ResearchTriangle/Facility/4490/
Taylor's Dynamic HTML Tutorial
another well-done guide from webmonkey
Dynamic HTML Lab
sample and inspiring demos from webreference.com
Jeff Rule's Dynamic HTML and SMIL Site
author of the book Dynamic HTML: The HTML Developer's Guide shares resources and demos to learn more about DHTML
ProjectCool Developer's Zone
presents an indepth tutorial of DHTML
Dynamic HTML Zone
from Macromedia, creators of Dreamweaver software for creating DHTML sites.
a mega resource for both JavaScript and DHTML
Cascading Style Sheets (CSS) is the likely future trend for creating web pages; supported presently by version 4.0 and later web browsers, it makes it easier to re-format content by separating content from formatting. However, it changes the way we have been using HTML up to now and, CSS is not exactly supported equally across the different browsers.
CNET Builder.com
has a guide for getting Started with Cascading Style Sheets
D.J. Quad;s Ultimate HTML Site
features among many other resources, a CSS tutorial.
House of Style
a well-designed overview of CSS featuring an easy to understand tutorial and a guide to browser support
The Human Factor
WebReference.com provides this overview of the power of CSS to separate form from content.
Index dot CSS
Brian Wilson's comprehensive reference guide to CSS
Guide to Cascading Style Sheets
from the Web Design Group, features references and a quick tutorial
Web Developers Virtual Library
includes useful information and tutorials
XML (eXtensible Markup Langauge)
Allowing for a modern way for web content to be used on different devices and between different systems.
Internet.com XML Tutorial
"After you have studied this chapter you will know what XML is. You will know the difference between XML and HTML. You will also know how to start using XML in your browser and in your applications."

Writing HTML: References
©1994-2002 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges
Questions? Comments? Visit our feedback center

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

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License.