COAP:COAP-3120/week4

The educational technology and digital learning wiki
Jump to navigation Jump to search

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
Chapter 8 (The Box Model: Controlling Margins, Borders, Padding, Width, and Height
Chapter 9 (Floating and Vertical Alignment)
Handout
Validation