Extra information and tutorials on HTML

From Case Western Reserve University

Web Diner, Inc There's also a great glossary of terms.

Net Mechanic A great site with tons of tips. Here are their Webmaster Tips .

Webmonkey

Tons of links to free graphic sites.

Design Tip: Writing "Browsable" Web Pages

Design Tip: Screen Width

Design Tip: Limit Your Line Length (how many characters wide)

"Book and magazine publishers long ago learned that blocks of text are easier to read if they're limited to around 65 characters per line. This isn't a firm rule; in practice print publishers may use anywhere from 50 to 80 characters per line, with 65 being about the average."

How Users Read on the Web---They don't.

Why Web Users Scan Instead of Read

Load Time Tip:Using HEIGHT and WIDTH

Beginner Tip: Background Colors And Images

Load Time Tip: Slice Your Images

Load Time Tip: Reuse, Optimize, and Preload Images

Design Tip: Coordinate Your Colors

"A good resource to test how well colors match is the Webmaster's Color Laboratory from Visibone."

Visibone's FAQ on color, non-dithering colos, Color Deficient Vision

"Microsoft has an online color resource showing some of the most legible and least legible color combinations. Their conclusion? Black text on a yellow background has the highest contrast while still being legible."

"Another excellent resource for testing the legibility of your color combinations is ZSPC's Super Color Chart. This tool allows you to select a background color and place fonts of different color, size, and type face on top of it."

ColorPicker version 1.51 an online color picking system.

Safe web colours for color-deficient vision.

Choosing safe colors "The simplest approach to selecting a colour scheme is to limit oneself to only 3 or 4 colours (in addition to black and white), using a primarily monochromatic scheme. Choose a base colour for the main scheme, and find one or two other shades of the same colour family to tone with it. Determine whether the selected colours come from the yellows group (generally warmer colours) or the blues group (cooler colours). Make sure that the chosen shades contrast enough to be readable when used as text on top of another shade, or on white. Then select an accent colour (as may be used for followed links) from the 'other' group of colours. "

Safe web colours for color-deficient vision. "Colour is used more and more these days to help convey information. When one in twelve men have some measurable degree of colour vision deficiency, the use of certain colours in certain ways can cause difficulty when navigating web pages or software, and even total illegibility in some cases. "

"Bob Stein has created an interactive version of the web-safe palette, allowing one to select a number of colours to see how they work together as areas and with text. "

Colour transformations - Decimal

Colour transformations - Hex

Designing for the Color-Challenged: A Challenge by Thomas G. Wolfmaier "The spectrum as perceived by individuals with normal color vision, protanopia, deuteranopia and tritanopia."

Designing for the Color-Challenged: Lookup Table

Designing for the Color-Challenged: Applet "The applet calculates the colors perceived by protanopes, deuteranopes and tritanopes and displays the colors. The colors may not appear correctly if your display hardware does not support 24-bit color. " Done online.

Related sites and products Very good set of links.

Effective Color Contrast by Aries Arditi, Ph.D

Type

Typefaces: that work together and "Similar" faces with different names

Choosing & Using Type By Daniel Will-Harris

Making PDF: Portable Document Files (cheaper methods) by Joe Burns, Ph.D.

Password Protected Pages by Joe Burns, Ph.D.

So You Don't Want Borders, Huh? by Joe Burns, Ph.D.

Design Tip: Avoid Dead End Pages

Webdiner's Font Tags with examples of header tags and font types.

Load Time Tip: How Fast Are They Surfing?

"By now just about everyone knows that slow Web pages are bad. A recent study by Zona Research found that fully one-third of visitors will leave a Web site if it doesn't load within 8 seconds. Since 35 % of Internet users are surfing the Web using a 28.8k modem or worse, that puts a severe constraint on the size of your Web pages. Generally, you want your page and all its graphics to be less than 40k in size. Since graphics make up the lion's share of your pages size,anything you can do to reduce the size of your images is good."

Scary pages

http://www.netmechanic.com/news/vol3/scaryPage.htm

Frames

The Netscape Frames tutorial by Charlton Rose.

Frames tutorial by MandA

Frame Tutorials and also here by Joe Burns, Ph.D.

Sound

So, You Want A Sound/Embed, Huh? by Joe Burns, Ph.D.

The Web Diner's Tutorial on Adding Audio to Your Web Site

(This includes having a MIDI file play in the background along with other methods.)

Embedding sound in Web pages. A tutorial on the WebReference site.

Crescendo help page. Crescendo makes a Netscape plugin to play midi files. This page described how to put these sound files on your pages.

Webmonkey's Multimedia - Audio and MP3 links.

Adam's Multimedia Tutorial by Adam Powell

Load Time Tip: Slice Your Images

Working with Image Maps in Paint Shop Pro 7

Slicing and Dicing Your Images in Paint Shop Pro