COAP:COAP-3120/week4: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
Line 3: Line 3:
== COAP 3120 Week 4 program ==
== COAP 3120 Week 4 program ==


Main topic: The CSS box model
(under construction ....)
 
=== Monday ===
 
Main topic: '''The CSS box model and some positioning'''
 
* Q/R Homework 2
* Handout: [[CSS box model tutorial]]
* Handout: [[CSS box model tutorial]]
=== Wednesday ===
* Hands-on homework 3 (see below)
=== Homework 2 ===
'''''Project summary''''':
(1) Create an HTML page plus CSS style.
* The page should include several chunks of information that should be visually shown as boxes
(2) A short report describing and discussing your design
'''''Requirements''''':
The HTML must include:
* Some nested div boxes (or equivalent)
The CSS must include:
* Some positioning, at least a bar on top of the page, boxes that float to the right
The short report:
* It should shortly explain your design, e.g. what you aimed to achieve
* It should include references/sources used (in particular to the original HTML file). Be careful to respect general Webster rules about plagiarism.
* It should shortly explain what you did in your CSS.
* The report can be turned in any format (e.g. HTML, PDF or Word).
'''''Example HTML+CSS:'''''
* http://tecfa.unige.ch/guides/css/ex/css-page-background-example.html
'''''Due:'''''
* Wednesday week 5
'''''Submission''''':
* Upload (a) the HTML file, (b) the CSS file (if external), (c) '''all''' the picture files and (d) the report to the world classroom (hw 1). '''Creating a *.zip file of everything is the easiest solution'''.
* '''Make sure that the upload worked''' (e.g. don't forget to hit the submit button)
'''''Evaluation criteria''''':
* Requirements (presence of CSS elements) - 20%
* Visual design / originality - 30%
* Usability - 10% (is the text readable ?)
* Technical quality (CSS structure and documentation, valid HTML and CSS) - 20%
* Presence and quality of the report - 10%
* On time - 10 % (only 2 days late = 5%)
=== Reading and other resources ===
; Textbook
: Read Chapter 7 (Background Colors and Images)
; Handout
* [[CSS box model tutorial]]
* http://tecfa.unige.ch/guides/css/ex/????
; Validation
* HTML validator (alternatively, use the FF exension): http://validator.w3.org/
* CSS validator: http://jigsaw.w3.org/css-validator/
[[Category:COAP 3120]]

Revision as of 15:00, 13 November 2011

COAP 3120
COAP-3120
COAP-3120/week1
COAP-3120/week2
COAP-3120/week3
COAP-3120/week4
COAP-3120/week5
COAP-3120/week6
COAP-3120/week7
COAP-3120/week8

COAP 3120 Week 4 program

(under construction ....)

Monday

Main topic: The CSS box model and some positioning

Wednesday

  • Hands-on homework 3 (see below)

Homework 2

Project summary:

(1) Create an HTML page plus CSS style.

  • The page should include several chunks of information that should be visually shown as boxes

(2) A short report describing and discussing your design

Requirements:

The HTML must include:

  • Some nested div boxes (or equivalent)

The CSS must include:

  • Some positioning, at least a bar on top of the page, boxes that float to the right

The short report:

  • It should shortly explain your design, e.g. what you aimed to achieve
  • It should include references/sources used (in particular to the original HTML file). Be careful to respect general Webster rules about plagiarism.
  • It should shortly explain what you did in your CSS.
  • The report can be turned in any format (e.g. HTML, PDF or Word).

Example HTML+CSS:

Due:

  • Wednesday week 5

Submission:

  • Upload (a) the HTML file, (b) the CSS file (if external), (c) all the picture files and (d) the report to the world classroom (hw 1). Creating a *.zip file of everything is the easiest solution.
  • Make sure that the upload worked (e.g. don't forget to hit the submit button)

Evaluation criteria:

  • Requirements (presence of CSS elements) - 20%
  • Visual design / originality - 30%
  • Usability - 10% (is the text readable ?)
  • Technical quality (CSS structure and documentation, valid HTML and CSS) - 20%
  • Presence and quality of the report - 10%
  • On time - 10 % (only 2 days late = 5%)

Reading and other resources

Textbook
Read Chapter 7 (Background Colors and Images)
Handout
Validation
Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=COAP:COAP-3120/week4&oldid=36174"