COAP:COAP-3120/week7
Jump to navigation
Jump to search
COAP 3210 week 7
Topic: Using CSS toolkits and templating
Monday
Topic: Complex layouts
- A case study: Twitter's (fairly) simple yet powerful CSS layout kit
- http://twitter.github.com/bootstrap/
Classroom activity
- Create a layout with a twitter stylesheet
Wednesday
(details TBA)
Topic: Templating with blogger
- Web templating
- See optional homework for COAP-2100/week4
Homework 7
Project summary:
(1) Create a sort of "standard" HTML landing page using the Twitter toolkit. (2) A short report describing and discussing your design
Requirements:
- Create a single HTML page that could serve as landing page (e.g. a home page or a topic entry page)
- Make use of the Twitter classes as much as you can
The short report:
- It should shortly explain your design, e.g. what you aimed to achieve for all media !
- It should include references/sources used. Be careful to respect general Webster rules about plagiarism.
- It should shortly explain what you did in your CSS.
- It should point out problems you encountered.
- You can use any format for the report (e.g. HTML, PDF or Word).
Examples HTML+CSS:
Due:
- Wednesday week 7 before class
Submission:
- Upload (a) the HTML file, (b) the CSS file(s), (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%)