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
- Guide to Web Style
- from 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."
- 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
- Dr. HTML
- is a tool that can diagnose problems on any web page
- a tutorial using the "Monkey See, Monkey Do" approach
- 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.
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."
- an extremely comprehensive tutorial and collection of resources
- free collection of ready-to-go scripts
- a set of brief examples from The Web Design Resource
- by Stefan Koch
- a well-written guide from the folks at c|net
- the title says it all
- a bi-weekly column with helpful examples, from webreference.com
from image rollovers and scrolling text to access control and cookies.
- is neatly organized guide from webmonkey
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
- Beginner's Guide to DHTML
- David Gardner makes it understandable
- 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.
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