Skip the site navigation float nav to right

Guides to
Hypertext Markup Language (html)

Anyone who slaps a "this page is best viewed with Browser X" label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network. ~~~~ Tim Berners-Lee in Technology Review, July 1996

This page is best viewed by coming over to my house and looking at it on my monitor using my browser ;) ~~~ John Edmiston, mocking the browser wars.

Created 1999, revised 2012

There are many good tutorials available on the web authoring. You can find by searching through indexes to the web for the string "html tutor". In your search statement you'll probably need to include the quotes.

In-House Guides

Planning and Preparation

Start your planning with the initial content you want to publish on your site. Print the material and lay it out on a table and you will begin to see how the narrative will flow from one page to another. You can use paper and pencil to sketch out the flow of traffic from one page to another and from one topical area to another.

Group your web pages by topic, placing distinct topics in directories of their own. Each subdirectory should have its own homepage, index.html, that appears when visitors parse a URL. This subdirectory homepage may offer a complex introduction to the topic, or may simply introduce the subpages contained within. At any rate, the homepage should annotate each link, providing some description, and should contain a link back to the site's main home page. Navigation bars, menus and popups as guides to the site can be included. Most navigation information is placed in the foot of the page.

Generally the top level directory will contain a subdirectory titled "images" or "graphics" or even "media" if you plan to include video or sound. In that top level "media" directory you will include images that are used across the site as a whole. This enables you to keep track of important images such as organizational logos and backgrounds.

Maintain a sense of consistency in your web site. Use the same background gif on all of your web pages, or a small variation in color to mark a series of pages within a single topic.

All web pages should be "stamped" with certain information, usually placed in the foot. This information identifies you and the web page and includes

Accessibility Issues


Here is a collection of reference guides, introductions and documentation to the Hypertext Markup Language (HTML), the language used to format web documents.

A really great, interactive, Hypertext tutorial

General Guides and Documentation

Check your HTML Code

Making Frames and Tables

Please be sensitive to the fact that not all pages are suitable for frames and tables. If you want to learn to make a framed page by doing it, then I encourage you to place the frame on a separate page, labeled as a test piece.

Forms in HTML

The Common Gateway Interface (CGI)

Programs

Using HTML Editors

Try using the Netscape Composer. It's pretty easy to use and creates clean code that you can actually edit later!

GSU Dreamweaver tutorial is in PDF format.

WebPlus 1 is a free web page editor. This company also offers a free graphics editor, PhotoPlus.

Exceptional Web Pages


http://paula.edmiston.org/handouts/html/index.html
Last Edited: 03 Apr 2012