LISTS IN HTML
Notes by Tracy Marks


HTML: How To Make Lists

DL   Don't Let

DT

Doubts, Trouble,

DD
Despair, Defeat
UL
OL
  1. Out
  2. Loud



ORGANIZING YOUR WEB SITE: ORDERED LIST

  1. Keep your web site organized identically on your hard drive as you organize it on the Internet.
  2. Keep files used on your index page and files used repeatedly in your root directory. But don't overload your root directory if you wish to easily locate and upload your files!
  3. Create a subdirectory for each series of related pages.
  4. Plan for expansion. If you think a page on a particular theme will expand into a number of pages, create a subdirectory for it.
  5. Keep files that belong on each page in the same subdirectory (except those in the root directory)
  6. Name your subdirectories and files in an easy to identify manner.
  7. Don't change your subdirectory or file names (and html page addresses) after the fact. Name and address them now in a manner that you will be able to maintain in the future, no matter how much you expand. (Save us all from broken links!)
  8. If you do have to change an address after your web site is up, then place a redirect page or link in the old location.




SEARCH ENGINES THAT USE METATAGS:
UNORDERED LISTS


SEARCH ENGINES THAT DON'T USE METATAGS:
UNORDERED LISTS




WEB GRAPHICS IMAGES: DEFINITION LISTS

JPG FORMAT
RGB color, up to 16 million colors, best for photographs, and images with subtle transitions of colors; lossy compression results in smallest file size

INTERLACED JPG FORMAT
JPG format that allows the image to load in pieces, not yet supported by all browsers

GIF FORMAT
indexed color, 256 colors, used for clip art, type, images with horizontal bands of flat colors or high contrast, as well as type and animation

INTERLACED GIF FORMAT
GIF format that allows the image to load in pieces, supported by almost all browsers

TRANSPARENT GIF FORMAT (89a)
256 colors, allows you to make the background transparent so the image is an irregular shape rather than a rectangular shape

PNG FORMAT
a new format, not yet supported by most browsers, that combines that best capabilities of gif and jpg; is likely to become the primary format in the next few years



GO TO: Design Notes   Interm. Design    Image Alignment    Tables    Windweaver