LIS650

Passive Web Site Architecture and Design

2007–01–27

If you are reading a printed copy of this page, you are reading an incomplete version, please print http://openlib.org/home/krichel/courses/lis650n07s/lis650n07s.letter.pdf for US letter paper or http://openlib.org/home/krichel/courses/lis650n07s/lis650n07s.a4.pdf for A4 sized paper.

Course Description

This course focuses on the construction of a web site. Students learn how web sites work, how to build them, and how to build them well. Students are provided with free web space where they can design their own sites. This web space continues to be available after the course ends.

The course is not conducted using an application package to generate pages. Instead, students are taught how to hand-code the pages. The emphasis is on the use of standard compliant XHTML 1.0 and CSS level 2.1. Validity control is an integral part of the composition process. Students are allowed whatever tool they wish to use to create their sites, but final project sites must be standards compliant.

The course covers all of HTML, except the following

The course covers most, but not all of CSS 2 revision 1. At the time of writing, this is a W3C working draft.

In addition, the course covers the issue of web site design. There is a special lecture on this topic once the bulk of the technical material has been covered.

Course objectives

After taking this course students

Prerequisites

There are no other formal prerequisites for this course. However this course is not suitable for computer neophytes or technophobes. Students should have been using the web before. They should be able to use a Microsoft Windows computer, e.g. click on an icon to run a program, cut and paste between applications, copy files from one location to another. Students should also be familiar with basic concepts of computer hardware and software, concepts like files, memory, as well as an having an understanding of the Internet and of client/server architecture. Everything that goes beyond that is explained in class or by personal tuition from the instructor. No prior knowledge of HTML and CSS is assumed.

Instructor

Thomas Krichel
Palmer School of Library and Information Science
C.W. Post Campus of Long Island University
720 Northern Boulevard
Brookville, NY 11548–1300
krichel@openlib.org
work phone: +1–(516)299–2843
skype: thomaskrichel

Private contact details may be obtained from the online CV.

Class structure

Classes are held in the PC2 lab of Bobst Library on Sundays between 12:00 and 17:00. The instructor promises to be there shortly after 11:00 for extra help and questions. After class the instructor will lead the students to the local bars.

Each class has a lengthy presentation by the instructor. For some small part of class time the students work directly with their computers under the supervision of the instructor. However, give the hefty weight of the class material, students are expected to do much of the work on their web site at home. To support the students in this process, the instructor will be on campus in extra sessions for students who need additional support. Support via skype is available pretty much around the clock, i.e. unless the instructor is moving around or is asleep.

Class details:

2007–01–28 12:00 to 17:00 introduction to the course and to XML
2007–02–04 12:00 to 17:00 HTML
2007–02–11 12:00 to 17:00 CSS part 1 and page design
2007–02–18 12:00 to 17:00 no class
2007–02–25 12:00 to 17:00 CSS part 2 and content design
2007–03–04 12:00 to 17:00 CSS part 3, accessility and site design
2007–03–11 12:00 to 17:00 javascript, http and apache

To print the slides in Microsoft powerpoint, press control-p to print, then under "Print what" choose "Handouts", and under "Color/grayscale" choose "Pure Black and White". You can also use openoffice to print the slides. The slides posted here are draft until the time that the class is held.

Readings

The technical specifications of HTML and CSS are on the web. XHTML 1.0 is defined in W3C HTML Working Group (2002). To understand it, you need to refer to the definition of HTML 4.01 in Raggett et al. (1999). CSS level 2 revision 1 is defined in Bos et al. (2003). http is defined in RFC 2616. URLs are defined in RFC 1738, but that definition was updated in RFC 2396. MIME types are documented in IANA 2002. The documentation of Apache is online at http://www.apache.org.

As far as the design of web sites is concerned, Krug (2005) and Nielsen (2000) are classic references. The most relevant contents of these books is covered in the course, but there are also bits and pieces from various web sites. Morville and Rosenfeld (2002) is a book on information architecture, but is so boring that is no longer covered. Recently I have been made aware of US Department of Health and Social Services (2005).

If students want a textbook on HTML and CSS, they are spoiled for choice. However, students should be aware that most books teach the loose version of HTML and place much less of an emphasis on style sheets than the course contents does. This is a really LIS-style course with an emphasis on separation of contents and presentation.

Castro (2002) is a widely used and reasonably priced book for beginners. Werbach (2002) is a good online source. A book that the instructor likes a lot is Musciano and Kennedy (2002). But it is expensive. A good, though outdated book on CSS is Bos and Lie (1999). Another good book is on CSS is Meyer (2006).

Finally there a bunch of home-grown resources.

Finally, the following mailing lists are worth subscribing to.

Mailing list

There is a mailing list for the course at https://lists-1.liu.edu/mailman/listinfo/cwp-lis650-krichel. All students are encouraged to subscribe. As a rule, answers to email sent to the instructor are copied to the list. There are exceptions to this rule

Assessment

Before each class except the first, there is a quiz on the issues covered in the previous class. The average of all the quiz results counts for 5/12 of the assessment. The worst performance in a quiz is discounted. On the second class meeting, the students hand in a one-page typed statement about the web site that they want to build. This statement should cover both the purpose of the web site and the site's architecture. The assessment of this statement counts for 1/12 of the grade.

On the last meeting, students also hand in a web site assessment. This assessment should cover the web site of a LIS academic department in the US or abroad. The assessment should not aim to describe the web page, but assess its strength and weaknesses in terms of the usability criteria reviewed in the class meeting from the week before. The assessment should roughly be two typed pages long. If students don't like the first grade they get on the assessment are given a chance to improve it. The web site assessment counts for 2/12 of the course.

The remaining 4/12 are assessed through the student's ability to build a web site. The site must validate against the strict version of the XHTML 1.0 specification. The site must have a style sheet with the main presentational elements. The site should provide an information source about a topic, though it need not be comprehensive by any means. Students are recommended to develop the web site on behalf of some other person. That person may useful feedback on the site help to avoid creating something that is too designer-centered. The informational contents of the site should go beyond simple link collections or path finders. Personal web sites, such as for the student describing herself, are not allowed. However students may built a personal site for someone else. The total amount of information contained should roughly be equivalent to a conventional student essay. It has to be finalized one week after the last class.

Students

Melissa Gleason
Melissa Wagner
Theresa Muir
Katie Countryman
Kofi Nkum
Blythe Kropf
Megan Kociolek
Lauren Ford
Sherri Liberman
Katherine Carr

Design sins

Here is a checklist of common design sins

Valid XHTML 1.0!