COAP:COAP-2100/week4-2011

Week 4

Topics Covered

• HTML (continued)
  • The div and span tags
• CSS (continued)
  • The class and ID selector (plus the HTML div and span tags)
  • values and properties
  • Discussion of some more properties
• Colors schemes and palettes
  • RGB colors
  • HSV colors (shortly)
  • HSL colors

• Templating (to be confirmed)

Teaching materials

• CSS tutorial (started in week 3)
• Computer colors tutorial
• Links pages: CSS, Color, Web design links

Online tools and reference

• http://jigsaw.w3.org/css-validator/ (validate !)
• http://www.quirksmode.org/css/contents.html (CSS compatibility tables)
• http://reference.sitepoint.com/css (SitePoint CSS reference, also available through the FF https://addons.mozilla.org/en-US/firefox/addon/13048) extension
• http://colorschemedesigner.com/ (Excellent color palette design and testing tool)
• http://kuler.adobe.com/ or http://www.colourlovers.com/ (sites that lets users publish color palettes)

Classroom activities

Monday

• (Short) feeback homework 2
• Other HTML editing tools and strategies (Kompozer, Tidy)
• Colors (lecture)
• Creating a color palette (visit of some online color scheme tools)
• Drawing a sketch for a "multi-boxed" web page (e.g. a portal)
• CSS 2 (part II)
• Hands on CSS (you may work on homework 3). Use of the HTML div and span tags, CSS values and properties.
• Homework 3 Q/A (in particular regarding the term project)

Wednesday

• Templating for Blogger (to be confirmed)
  • Documentation: http://www.google.com/support/blogger/bin/topic.py?topic=24776

Homework

• TBA (Wednesday)