wedge Kick-off
wedge I like the Way Jenny Scrubs
* DJ Earworm
wedge News
wedge Google Website Optimizer
* Continuous Web UI evaluation
* services.google.com—websiteoptimizer
wedge Announcements
wedge Firebug - awesome development tool
* addons.mozilla.org—55706
wedge Mash-ups a component of Web 2.0
wedge Web 1.0 -> Web 2.0
* http
* HTML -> XML
* Go over names
wedge Go over Assignment 02
* Class attendance will be taken on Tuesday
wedge New Material
wedge Web 1.0 -> Web 2.0
wedge HTML
wedge structure
wedge Show example_00
* www.ics.uci.edu—example_00.html
wedge Show example_01
* www.ics.uci.edu—example_01.html
wedge Focus on overall structure
* head
* body
* text
wedge interesting HTML tags that you might want to use in constructing a web page
wedge content
* hyperlinks <A>
* images <IMG>
* lists <UL>
wedge show example_02
* www.ics.uci.edu—example_02.html
wedge formatting
* h1,h2,h3
* b, i, tt,
* br hr
* tables
* div
* span
wedge show example_03
* www.ics.uci.edu—example_03.html
wedge forms
* inputs
* buttons
wedge show example_04
* www.ics.uci.edu—example_04.html
* span
wedge Reference for list of all tags
* www.w3schools.com—default.asp
wedge conceptually
* meta-data
* data
* content and presentation are separated.
wedge Break
wedge Web 2.0 quiz
* www.cerado.com—web20quiz.htm
wedge More new material
wedge XML
* Well-formed
* tags
* closing tags
* attributes
* namespaces
wedge XHTML
* HTML that is well-formed XML
wedge Quiz
* www.ics.uci.edu—Quiz.pdf
wedge answer
* www.ics.uci.edu—quizAnswer.html
* www.ics.uci.edu—quizAnswer2.html
wedge Overarching themes
wedge Separating data from content from functionality
* data is not fonts
* fonts are not code
* code is not data
wedge Break
* Supermarket 2.0
* www.glumbert.com—supermarket