Table of Contents

The Non-Designer’s Web Book

Robin Williams and
John Tollett

published by Peachpit Press


The power of the World Wide Web is in the hands of the masses.

Why bother.

"It's easy," say the programmers.
"Hire a professional," say the designers.

What is the World Wide Web anyway?
. . . . .skip this chapter if you're already
. . . . .comfortable with the web

How the Internet is different from the World Wide Web, and how it's different from an online service such as America Online.

Explanation of the building blocks of the web:
what is a page, what is a home page, what is a web site, etc.

What is a URL, a link, a browser, an e-mail form, etc.

Guided tour of the web, with a list of sites to see and think about.

How Easy Is It, Really?

Step-by-step examples of creating a web site, adding graphics, linking pages, etc., using simple layout and design so the reader is not intimidated. The purpose of this chapter is simply to make the reader feel like "I can do that."

Guided tour of the web, looking at specific elements of web site creation, such as tables, lists, etc.

Design Issues

Design issues pertinent to the web; how and why web design is different from print; how to take advantage of it.

Freedoms of designing for the web.
Limitations when designing for the web.

Guided tour of the web, list of various aspects of web design and navigation techniques.

Basic Design Principles

Encapsulate principles from Design for Non-Designers. Examples of how the same principles apply to web page format.

Guided tour of the web, list of design principles to watch for.

Typography on the Web

Aliasing, anti-aliasing, TrueType, browser determines type, logical and physical styles; font prefs in browser, proportional vs. monospaced fonts, preformatted; cascading style sheets, etc.

Guided tour of the web, with notes about what to look for in the typography.

Graphics on the Web

All that stuff about graphics: resolution; gif vs. jpeg; png and progressive jpegs; resizing, specific details of how to prepare graphics, color (aesthetically and technically), etc.

Learner level topics: ways to create graphics, where to get an image scanned; what to tell the scanner operator; clip art--what to look for and what to do with it, etc.

Skilled and advanced level: details about preparing your own graphics; tips and techniques, etc.

Guided tour of the web, with notes about what to look for in the graphics.

Before You Start

Make a map, organize your files, talk to your host, etc.

Guided tour of the web, with an eye to the internal structure and map of web sites.

It's Still Easy

A little more sophisticated example of the construction of a web site--it's still easy, it's just more. Time estimates of web page creation. Allow for the same graphics and information to be used in other media.

Guided tour of the web, looking at the bigger picture, the gestalt, of web sites--organization, structure, design, graphics, type, etc.

Advanced Techniques

You can skip this section and live happily ever after. For those who want to know, there is a bit about frames, html editing, sound, video, shockwave, java, applets, 3D animation, gif animation,, web-based database interactivity, etc.

You're Done--Now What?

What to do with your site once you think you are finished: testing your site, gathering your files for posting, testing again, uploading files, updating files, etc.

Tell the World!

How to tell the world about your site: meta tags, search engines vs. directories; how to get your name in each sort; importance of title, etc.


Conclusion of some happy nature.