From EduTech Wiki
Jump to: navigation, search

1 Introduction

  • Disclaimer: This is not the official syllabus or course program. EdutechWiki is just used as support site.
  • The course is organized in weekly programs (available through the menu to the right...)

The course-level outcomes as announced in the syllabus are:

  1. Design a web page using Cascading Style
  2. Code pages using inline and external styles
  3. Evaluate web page styles
  4. Edit and code external style sheet files
  5. Create pages that display effective use of images, color, backgrounds
  6. Explain the differences between inline, embedded, external style
  7. Be able to explain when and where various styles should be used

Practical learning outcomes:

  • Be able to create web pages that are visually pleasing
  • Be able to adapt existing style-sheets (e.g. for a portal)
  • Understand some visual design principles

Subjects/fields covered (somewhat)

2 Weekly programs

3 Grading scale

A	3.8	Very good		92.00	
A-	3.5	Almost very good	89.00
B+	3.1	Pretty good 		85.00
B	2.8	Good			82.00
B-	2.5	Reasonably good		79.00
C+	2.1	Fair	   		75.00
C	1.8	Rather weak / minim.	72.00
C-	1.5	Minimalist / Weak	69.00
D+	1.1	Pass
D	0.8     Pass			62.00

4 Software

(1) Komposer

(2) Notetab or another HTML/CSS aware programming editor

(3) Various Firefox browser extensions

  • View source chart Shows the structure of a web page.
  • HTML VALIDATOR is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.
  • There doesn't seem to be an integrated CSS validator. For convenience, you can install CSS Validator which will use the online W3C CSS Validator. Since it will forward an URL, your page must be published on a web site.
  • Web Developer and DOM Inspector. Tells you most everything about your HTML page.
  • ColorZilla includes an Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
  • Codeburner for Firefox provides searchable reference information and code examples for HTML and CSS. It's a standalone version of the original CodeBurner for Firebug, but with an independent interface, and more dedicated search tools.

5 Important teaching materials

Contents addressed within these texts may come up in exam questions. You are not required to memorize any of these, but be able to retrieve information.

Mandatory reading

  • Selected sections from the "official textbook": Beginning CSS: Cascading Style Sheets for Web Design, York, Wiley Pub./Wrox, 3rd edition, ISBN: 978-0470891520

Recommended free on-line textbooks

  • Patrick J. Lynch and Sarah Horton, Web Style Guide.
  • Horton, Sarah (2005). Access by Design (online) at Universal Usability: A universal design approach to web usability.

On-line HTML and CSS manual