basic web design

table of contents

  1. What is the Internet?
    1. History of the WWW
    2. How the bits connect
    3. Server/Client Relations
    4. How do we find what we're looking for?
    5. Connections and Downloading
    6. Off-Line Browsing
  2. What are we really seeing?
    1. Markup vs. Programming
    2. Display vs. Source
    3. File Types
    4. Coding
  3. What are Web Pages for?
    1. The beginning of the design process
  4. Anatomy of an HTML tag
    1. Brackets
    2. Tags
    3. Attributes
    4. Values
    5. The Whole Thing
    6. Default Values
  5. Empty vs. Container Tags
    1. The Opening Tag
    2. The Closing Tag
  6. Basic Structure of a Webpage
    1. html
    2. head
    3. body
  7. A Word (or six) about color
  8. Text Blocks
    1. paragraph
    2. break
    3. center
    4. blockquote
    5. pre-formatted
    6. example
    7. unordered lists
    8. ordered lists
    9. dictionary lists
    10. headings
  9. Text Formatting
    1. bold
    2. italic
    3. strikeout
    4. typewriter text
    5. underline
    6. font
      • face
      • color
      • size
    7. emphasis
    8. strong
  10. Images: GIF’s, JPG’s and other image formats
    1. The image tag
    2. What kind of image?
  11. Hyperlinks and Paths
    1. anchors
    2. A word (or six) about how computers organize stuff
  12. Tables
    1. table
    2. table row
    3. table data cell

Some more advanced topics -

  1. Adding Forms
    1. form
    2. input
      1. radio buttons
      2. checkboxes
      3. text fields
      4. password fields
      5. submit buttons
      6. reset buttons
    3. hidden
    4. select (drop-down) lists
    5. text areas
  2. Frames: Layout and Targeting
    1. framesets
    2. frame
    3. noframe
    4. target
  3. Image Maps
    1. maps
    2. areas
    3. How to really do it without counting pixels
  4. Special Characters
    1. in ASCII
    2. in HTML
  5. Overall site management
  6. More about color
    1. GIFs
    2. JPGs
  7. Style Sheets
    1. Style Declarations
    2. Font Properties
    3. How to connect Style Sheets to your web pages

Some extras and goodies -

  1. Web Design Resources
    1. Graphics
    2. Software
    3. Hosting
  2. The 216 Web Safe Colors
  3. Some examples of really rocking web design, and why they're so great
  4. The 7 deadly web design sins, and why you should avoid them
    1. Embedded Music
    2. Loud Backgrounds
    3. Blink
    4. Huge Graphics
    5. Obscure Plugins
    6. Broken Links
    7. Missing Images
  5. An Easy Reference List of HTML tags, their attributes and values
  6. The Last Word

Would you like to download this tutorial as a single zip file?

Download Now



Contents ©2002 Stuart Carroll
all rights reserved
Last updated - January 10, 2002
Contact the webmaster
scarroll@ascid.com