COAP:COAP-3120/week4
Jump to navigation
Jump to search
COAP 3120 Week 4 program
(under construction ....)
Monday
Main topic: The CSS box model and some positioning
- Q/R Homework 2
- 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:
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
- HTML validator (alternatively, use the FF exension): http://validator.w3.org/
- CSS validator: http://jigsaw.w3.org/css-validator/