COAP:COAP-3120/week3: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (→Reading) |
||
| Line 37: | Line 37: | ||
=== Reading === | === Reading and other resources === | ||
; Textbook | ; Textbook | ||
| Line 49: | Line 49: | ||
* [http://en.wikipedia.org/wiki/X11_color_names X11 color names] (same as CSS3) | * [http://en.wikipedia.org/wiki/X11_color_names X11 color names] (same as CSS3) | ||
* [http://en.wikipedia.org/wiki/List_of_colors List of colors] (huge !) | * [http://en.wikipedia.org/wiki/List_of_colors List of colors] (huge !) | ||
; Validation | |||
* HTML validator (alternatively, use the FF exension): http://validator.w3.org/ | |||
* CSS validator: http://jigsaw.w3.org/css-validator/ | |||
[[Category:COAP 3120]] | [[Category:COAP 3120]] | ||
Revision as of 23:38, 6 November 2011
COAP 3120 Week 3 program
Main topic: CSS colors and background images
Monday
(1) Week 2 - continued
- We will finish working on homework 1 project as defined on Week 2
Introduction to color models and CSS backgrounds
- Handout: CSS color tutorial
- Example page: http://tecfa.unige.ch/guides/css/ex/css-page-background.html
Preparation for Wednesday
- Find 2 good web page examples that use colors and pictures as background and enter the URLS with a short comment to the discussion blogs in the world classrom (menu to the left)
- Think about some content that you would like to style on Wednesday. I suggest working with either a poem or a short manifesto. (to be discussed)
Wednesday
- Hands-on homework 2
Homework 2
Create an HTML page. It must include:
- A nice background using color and (optionally) a background image
- Other background images within HTML elements (e.g. a "div")
Due:
- Wednesday week 4
Details TBA on Wednesday
Reading and other resources
- Textbook
- Read Chapter 7 (Background Colors and Images)
- Handout
- Color tables at Wikipedia
- Web colors (includes lists of colors, including a web-safe palette)
- X11 color names (same as CSS3)
- List of colors (huge !)
- Validation
- HTML validator (alternatively, use the FF exension): http://validator.w3.org/
- CSS validator: http://jigsaw.w3.org/css-validator/