5 Day 1

 W

V Assignment 2: Add styles to assignment 1

Outline

  1. Three ways to call CSS
  2. Syntax: declaration blocks, comma separated selectors
  3. Text properties
  4. Units
  5. A Pseudo Classes (:hover)
  6. Colors

Links

4 Day 1 / Lessons    f       
 W

V Assignment 1: Markup a plain text file

Outline

  1. Browsers read HTML. HTML is structure.
  2. Collection of well-formed tags.
  3. Required elements: html, head, title, body
  4. Elements, attributes, nesting
  5. Block elements: headers, paragraphs, lists
  6. Inline elements: anchor, strong, em, cite, abbr
  7. Images

In-class Demo

Example marked up in class

Links

4 Day 1 / Lessons    f       
 W

Y Overview of class website
July 23, 2012, 7:16 am

 W

( Protected: Logins and setup info

Outline

In order to provide context to where we are now, I will present my work starting from 1995 until today.

  1. WWW began 1991. Not same as Internet
  2. Text-only browsers until Mosaic (1993)
  3. Web vs Internet vs AOL vs Prodigy
  4. Super-controlled image-based vs. semantic HTML
  5. Server-side image maps, CGI and gifs
  6. HTML 3 and tables and spacer gifs
  7. Frames and the CD-ROM affect
  8. Early Flash
  9. Early CSS. Separating style and content.
  10. Flash, actionscript and XML
  11. Google, importance of proper syntax and search
  12. “I need a website”: The 1-off portfolio era
  13. Enter Javascript
  14. Web 2.0/Web Apps
  15. Open-source CMSes
  16. Social and customizable
  17. JQuery and other Javascript libraries
  18. HTML5 and CSS3
  19. Mobile and iPad real factors
  20. WebType, Themes/CMSes (tumblr) that get adapted
  21. Responsive Design (design for all platforms)
  22. Plug-ins, sites as tools, libraries

Links

4 Day 1 / Lectures    f       
 W

Y Student introductions / Syllabus
July 23, 2012, 5:00 am