HTML Class I outline

Intro:
- show finished product - our project: Example Site
- briefly explain ADA, use of guidelines

1. Creating a page
   1. Parts of a page
      1. head
         1. placement
         2. title
         3. meta tags
      2. body
         1. background color or image
         2. text definitions (font, color, size)
         3. link definitions
      3. tags - open, close, order
   2. Text
      1. formatting
         1. bold/strong
         2. italics/emphasis
         3. pre
         4. super/sub script
         5. in/decreasing size, setting relative size
         6. color
         7. blockquote
         8. H1, H2, H3
         9. aligning (center, right, left)
         10. font face - browser/user support
      2. Line Breaks and spaces
      3. Styles Sheets
      4. Color coding explained
      
      Exercise 1
      
      
   3. Links
      1. relative path
      2. absolute path
      3. anchor
      4. e-mail (mailto:name@musc.edu)
      5. images as links
      6. target
   4. Adding Images
      1. full or relative path
      2. properties: align, border, alt, size
      3. making an image a link
      4. referencing another location/site
      5. saving locally from another location
      6. copyrights
      
      Exercise 2
      
      
   5. Lists
      1. ul - unordered list (bullets)
      2. ol - ordered list (1,2,3)
      3. definition (term --> definition)
      4. ADA - don't use to indent
   6. Other
      1. horizontal rule
      2. special characters - ampersand, space, copyright, trademark, quote, greater/less than signs
         
      3. comments
      4. cut and paste (viewing source of something you want to imitate)
      
      Exercise 3
      
      
   
   
2. Publishing
   1. MUSC departments
   2. Personal pages within MUSC
   3. Other websites
   4. Site management - directory organization, placement (index.html)
   
   Exercise 4
   
   Final Quiz!
   
   
3. Cautions
   1. Web page expectations
      • Link assumptions (color, underline)
      • Load time - large downloads, images, audio
      • Annoying features: blinking text, animated gifs, pop-up boxes, etc.
      • Color
      • Consistency: menu navigation
      • Contact Info
   2. use of Flash
   3. "borrowing"
   
   
4. Q&A - workshop

Class II forms tables image editors frames password protection graphics - buttons, logos, photos resolutions

More (later class): hiding code or images from View-->Source Javascript Java CSS (style sheets) ASP (active server pages) database driven-sites submitting forms results to a database php