COAP:COAP-3120/week7: Difference between revisions

Revision as of 20:15, 6 December 2011

Topic: Using CSS toolkits and templating

Topic: Complex layouts

Classroom activity

(details TBA)

Topics:

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
You are allowed to have broken links.

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:

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:

@@ Line 20: / Line 20: @@
 (details TBA)
-Topic: Templating with blogger
+Topics:
+* CSS menus using positioning, hover and display properties
+* Templating with Blogger
+; CSS menus
+* [http://tecfa.unige.ch/guides/css/ex/menus/simple-css-menu.html simple-css-menu.html] (vertical menu example)
+* [http://tecfa.unige.ch/guides/css/ex/menus/simple-css-menu2.html simple-css-menu2.html] (horizonal menu example)
+* Some links explaining the principles can be found in [[CSS positioning tutorial#CSS_menus|CSS positioning tutorial]]
+; Templating
 * [[Web templating]]
 * See optional homework for [[COAP-2100/week4]]