Introduction to Web Authoring Tools  

HTML - Hyper Text Markup Language

• Hyper Text
  • non linear linking
  • connects many separate pieces of information
    • other text documents
    • pictures, graphs, sound, other multimedia
    • interfaces with databases, e-mail, ftp, other internet applications
• Markup Language
  • not "programming"
  • set of markup "tags"
  • rapidly growing sets
   
• Can be created/edited in any text application
  • Notepad
  • SimpleText
  • WordPerfect
  • Word

• Example:

This is an <B> example </B> of <I> simple </I> <U> HTML </U>

This is an example of simple HTML

A few words about Graphics

• Source
  • Scanning
  • Drawing or illustration programs
  • Draw features in word processors
  • Borrowed
    • clip art
    • web pages
    • IMPORTANT NOTE: be sure to have Copyright clearance for any images or text that you use

• Format
  • JPEG
    • Joint Photographer's Expert Group
    • 1 bit to 32 bit
    • built in JPEG compression option
    • compression only works with 16 to 32 bit
    • extension - .jpg

  • Compuserve GIF
    • Graphics Interchange Format
    • 1 bit to 8 bit
    • developed by Compuserve
    • can only be 256 colors
    • built in compression
    • progressive display
    • extension - .gif

  • GIF89
    • same as Compuserve GIF
    • transparency

  • PNG
    • Portable Network Graphics file
    • 1 bit to 32 bit
    • "lossless" compression
    • carries metadata
    • transparency
    • progressive display

• Want to know more?
  • link to ACCC seminar on web page and graphic design techniques
  • link to ITL list of web graphic resources

Putting it Together:  The Tools

  HTML or Text Editors

  Office Suites

  Visual Authoring Tools