GUIDELINES FOR THE WEB WORKSHOP
Although commonly called 'style,' these issues powerfully affect how people will experience your pages, and whether they can even read them at all. 
 WEBSHOP HOME  SYSTEMS  WEBLISHING   WEBPAD  SITE KEEPING
Making Pages Guidelines Weblication Weblicity  ~  Training
style guides ~ html guides ~ hypertext theory
Style Guides

"There is a Moral Sense, and there is an Imoral Sense.  History shows us that the Moral Sense enables us to perceive morality, and how to avoid it; and that the Immoral Sense enables us to perceive immorality, and how to enjoy it."  -- Mark Twain

Building a Home on the Web, By Paul O'Brien.

Style Guide, by Gareth Rees.  Brief, clear, important guidelines. 

Golden Sections: Web pages to imitate -- elegant, simple designs. 

Web Style:  a catalog of web-based documents that present, discuss, and debate the issues, including a list of links to other Web-Style catalogs. 

Cool vs. Practical Web Design Pay attention to both schools of thought -- 20 commandments--10 from the Cool camp, 10 from the Practical camp. 

Sucky to Savvy: ideas about how to make bad pages good. 

The 10 Commandments of HTML: simple but important rules of Web page designing. 

The Top 15 Mistakes of Web Design

Browserism:  a critical look at the issue of designing for Netscape Navigator and Microsoft Internet Explorer. 

Under Construction:  "This page is my best effort to convice you, the web page author, not to use an under construction icon on your page." 


Style Guide, by Gareth Rees. 

    "In most browsers, it's easier to navigate within a page than between pages. Dividing a single text into a number of pages means your readers will have to issue a lot of navigational commands to read it. 

    At the current state of the Internet, connecting to a site that's distant from you tends to be slow. If you chop your material into small pages, then readers are prevented from following the thread of your argument because of the long wait for each paragraph to download. If your material is presented in one article, then the initial wait is longer, but once the article has been downloaded the reader can give it their full attention. 

    If you have space, the best solution may be to take advantage of the medium of hypertext and present your article in both ways (as a single complete article, and as a multiplicity of paragraphs), and let the reader choose, depending on their preference." 

The structure Rees used on his Style Guide page accomplishes both goals in a single coherent article with internal links.  It begins with a 'table of contents' that concisely summarizes the central points of his presentation. If you want more information about a particular point, you can click on it for more detail:  The entire summary text for each point is a link, which emphasizes the point and offers more information about it.  Alternatively, you can read the page as a whole. 

This strategy works very well in this case, where the author is presenting several, independent, simple points. 

Top of Section  Top of Page
Guides to HTML

HTML - beginners

HTML for beginners good place to start 
Arachnophilia's clear, brief HTML Tutorial
Composing good HTML
HTML 4 Rookies
HTML tuturial for beginners
HTML from the Mining Co.  lots of resources, basic to advanced. 
Hotwired's HTML Tutorial Thingy

One good way to learn more about HTML is to use the code viewer in your browser (eg.View Page Source) to look at how some feature that interests you was coded.  It's especially convenient in AOLPress, which lets you very easily see what is going on in the HTML code for a part of a page. When you highlight something in your page and leave your mouse cursor motionless over the selection for a second, AOLpress shows the HTML code behind the selection in a pink popup area. 

HTML - reference

The Bare Bones Guide to HTML
HTML reference 
HTML Writters Guild


SUGGESTIONS FROM WEBBY GORMAN:

A good reference document on HTML tags:  Save this as a source file somewhere on your machine so that you can look at it without being on line. It has the basics, but not later things like frames. 

(We link to this document via our Local Notes page. If you download this Guidelines page and the HTML reference document, you can link to the HTML reference directly from here.) 

More advanced features in the HTML4.0 Specification:  This can be downloaded too, but it is big. 

(We link to this document via our Local Notes page.  See above.) 

See also: 

    http://www.w3.org/ 
    http://www.w3.org/Markup/ 

The download page is: 
    http://www.w3.org/TR/WD-html40/

Top of Section  Top of Page
Hypertext Theory and Web Design 

The varieties of hypertext "The top of a hypertree should not be the most abstract view, but the most concentrated."

Learn to Program HTML in 21 Minutes
Here's what you might learn in this chapter: 

     1. Learning basic HTML shouldn't take more than a few minutes. 
     2. The more HTML you know, the uglier and harder to use your site is likely to be . 
     3. HTML is not powerful enough to express the most interesting structural 
characteristics of your documents; consider using a database of some kind instead and generating your HTML pages programmatically. 

Web Tools Review:  database-based Web sites and other advanced basics 


Top of Section -- Top of Page

Your Comments and Suggestions
workshop-weblish@dharma-haven.org

Dharma Haven Home Page
Revised on December 19, 1997 

Copyright © 1997, Dharma Haven
Top of Page