Spring 2011: Advanced Web Site Design and Development Syllabus

U48 318—Advanced Web Site Design and Development
Washington University University College

Spring 2011
Saturdays 9:00 a.m.–noon
22 January—7 May 2011
Eads 14

Instructor: Scott Granneman

Adjunct Professor
Washington University in St. Louis
Don't Click on the Blue E!: Switching to Firefox (O'Reilly: 2005)
Hacking Knoppix (Wiley & Sons: 2005)
Linux Phrasebook (Pearson: 2006)
Podcasting with Audacity: Creating a Podcast with Free Audio Software (Prentice Hall: 2007)
Google Apps Deciphered: Compute in the Cloud to Streamline Your Desktop (Prentice Hall: 2008)
Mac OS X Snow Leopard for Power Users: Advanced Capabilities and Techniques (Apress: 2010)
Contributor, Ubuntu Hacks (O'Reilly: 2006) & Microsoft Vista for IT Security Professionals (Syngress: 2007)
Former columnist for SecurityFocus & Linux Magazine
Former professional Blogger for The Open Source Weblog (also see personal blog)
Full list of publications at /writing
Business Owner
Principal, WebSanity
Contact Info
scott at granneman dot com
314-644-4900 (office)
314-780-0489 (mobile)
Twitter: scottgranneman
Facebook: http://www.facebook.com/scottgranneman

Course Description

This course focuses on one of the most important advanced areas of Web development: Cascading Style Sheets (CSS), which allow developers to set the formatting and positioning of Web pages in a standards-based and robust way. Through understanding CSS, Web developers can proceed to the next level of Web development.

Required Texts

Readings will consist of articles, analyses, & ephemera from the Internet. While I'm not requiring any books, I recommend the following as particularly worthy of your attention:

In addition, students will need to sign up with the following listserv:


Your grade will be based on the following factors:

Grades will be based on an average of the above as follows:

100 A+
94-99 A
89-93 A-
86-88 B+
83-85 B
79-82 B-
76-78 C+
73-75 C
69-72 C-
66-68 D+
63-65 D
59-62 D-
0-58 F


Academic dishonesty

This course will follow Washington University's policies concerning academic dishonesty. Academic dishonesty will result in failure for the assignment in question and/or referral to the college's Academic Integrity Office, which has discretion to impose a stricter penalty. While academic dishonesty includes cheating on exams and quizzes, it also includes plagiarism in written assignments. Plagiarism is not only passing off someone else's work as your own, but also giving your work to someone else to pass off as their own. It also includes submitting work from another course. While I strongly encourage you to discuss your work with each other in and out of class, and while you may research issues together, your writing should be your own. The papers you submit must be your work alone, and must include citations to all references in your work. Please include the URL, or Web address, for articles and resources found on the Internet.

Accommodation of disabilities

If you have a disability that might affect your ability to complete the required assignments, please contact me during the first week of class to discuss an accommodation.


It is paramount that we respect each other online in our email listserv. Follow this simple rule: disagree with the idea, but not the person. In other words, it's OK to say "That's a bad idea, because …", and it's not OK to say "You're a bad/stupid/inconsiderate person, because …". If you have an issue with a classmate's behavior online, please bring it to me privately by emailing me at scott@granneman.com. If you'd like to find out more, please feel free to read The Core Rules of Netiquette, by Virginia Shea.

Background Materials

Following are materials that you should use to brush up on the knowledge you'll need to participate and succeed in this course.

Readings for next class (unless otherwise stated, you will NOT be quizzed over the contents of these readings, or any others):

Key Links

As we proceed through the course, you will find yourself constantly installing, using, and depending upon certain software, websites, and resources. In an effort to make your life easier, I have consolidated most of those items onto Web Site Design and Development Key Links.

Tentative Schedule

We were going to go over these materials, but since everyone in the class had taken the previous semester's course, we jumped ahead a week. The links below are here for historical reasons and to provide easy access for students.


Saturday, 22 January 2011

Browser support for CSS (& some other technologies)
Selectors: the basis for CSS

Fonts & formatting

Saturday, 29 January 2011

Why browsers display fonts like they do
font tricks
Practice in-class

Right-click and download this file for in-class practice with embedding fonts: http://files.granneman.com.s3.amazonaws.com/webdev/font-embed.htm

Readings for next class:

Fonts & formatting

Saturday, 5 February 2011

Abbreviations, Acronyms, & Definitions: JavaScript Tooltips
Cleaning up & Minifying CSS

Practice with fonts & formatting

Saturday, 12 February 2011


Saturday, 19 February 2011

Float basics
Cool things to do with floats

Readings for next class:

Practice with floats

Saturday, 26 February 2011

Media-specific styles & switching

Saturday, 5 March 2011

Switching CSS

Practice with media-specific styles

Saturday, 12 March 2011

Spring Break!

Saturday, 19 March 2011

Lists for navigation

Saturday, 26 March 2011

IE Conditional Comments
Lists for navigation
More, & hopefully better, lists for navigation


Saturday, 2 April 2011

Drop-down menus
In-class practice

Readings for next class:

Practice with navigation

Saturday, 9 April 2011


Saturday, 16 April 2011

Postioning: The Box Model
Intro to Positioning
Uses for Positioning
Intro to Positioning Layouts
Positioning Layouts


Saturday, 23 April 2011


Practice with positioning

Saturday, 30 April 2011

Readings for next class:


Saturday, 7 May 2011

How’m I doin’?

Evaluation form ~ https://spreadsheets.google.com/viewform?key=pb3ZUwzv8bbNcQOxB2YSCHw

WebSanity Top Secret