Fall 2009: Web Site Design and Development Syllabus

U48 218—Web Site Design and Development
Washington University University College

Fall 2009
Saturdays 9:00 a.m.–12:00 p.m.
29 August—12 December 2009
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 Download SquadThe 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 covers Web site development using the three methods that have been used since Web design first began: hand-coding HTML using a text editor; building Web pages using a WYSIWYG editor like Dreamweaver; and using the most modern method, a Content Management System that separates design from content while making it easy for non-technical users to update a site. We will cover design principles, Cascading Style Sheets, server-side vs. client-side technologies, Web browsers, and Web servers. We will conclude the course with a brief overview of the future of Web development: XHTML and XML.

Required Texts

There are no required books. Readings will consist of articles, analyses, & ephemera from the Internet. Most of what you need you can access through my Web site; however, each week I will try to recommend a book useful for further study and reference.

Wash U's library has many web development books available online, at http://proquest.safaribooksonline.com.libproxy.wustl.edu/. If you are on-campus, you should be able to simply access the books; if you are off-campus, you will need to log in with your Wash U library ID and password.

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


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

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.

Academic Integrity

Policy regarding academic dishonesty: This course will follow Washington University's policies concerning academic dishonesty. Academic dishonesty may 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.


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.

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

Sat., 29 Aug. 2009: Introductions & Beginnings; HTML

Software: Firefox & Google Chrome
HTML: html, head, body, p, br, hr, h1, h2
In class:

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

Sat., 5 Sept. 2009: Labor Day—NO CLASS!

Sat., 12 Sept. 2009: Hand-coded HTML

Software: Firefox, jEdit
HTML: character entities, ul, ol, li, img, b, i, center, a
In class:

Readings for next class:

Sat., 19 Sept. 2009: Hand-coded HTML

Software: Firefox, Internet Explorer, jEdit
In class:

Readings for next class:

Sat., 26 Sept. 2009: Hand-coded HTML

Software: Firefox, Internet Explorer, jEdit

In class

Multimedia: Images, Audio, Video

Sat., 3 Oct. 2009: Hand-coded HTML

Software: Firefox, Internet Explorer, jEdit
In class:

Sat., 10 Oct. 2009: XML, XHTML, & HTML 5

HTML: table, tr, td
In class:

Readings for next class:

Sat., 17 Oct. 2009: Fall Break—NO CLASS!

Sat., 24 Oct. 2009: Design principles ~ WYSIWYG tools ~ Middleware ~ tables

In class:

Readings for next class:

Sat., 31 Oct. 2009: Out of town—NO CLASS!

Sat., 7 Nov. 2009: Intro to Cascading Style Sheets (CSS)

In class:

Readings for next class:

Sat., 14 Nov. 2009: CSS

Software: jEdit
Book: Eric Meyer on CSS: Mastering the Language of Web Design
In class:

Readings for next class:

  • SimpleQuiz ~ Short quizzes on the best way to format HTML & CSS, followed by the best responses. It'll make you think!

Sat., 21 Nov. 2009: CSS

Software: jEdit
Book: Eric Meyer on CSS: Mastering the Language of Web Design
In class:

Readings for next class:

Sat., 28 Nov. 2009: Thanksgiving—NO CLASS

Sat., 5 Dec. 2009: Intro to Content Management Systems (CMS) & SEO

Software: jEdit
In class:

Readings for next class:

Sat., 12 Dec. 2009: The future ~ Goodbye

In class:

WebSanity Top Secret