Basic Web Design


If you are reading a printed copy of this page, you are reading an incomplete version, please print for US letter paper or for A4 sized paper.

Course Description

This course examines the construction of non-interactive web sites. Students learn what the web is. They learn how web sites work, how to build them, and how to build them well. This involves technical know-how, as well as design skills. The course covers both areas.

The course emphasizes the use of standard compliant XHTML 1.0 and CSS level 2.1. Standards compliance 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. We use free validation tools to check standard compliance.

The course covers all of XHTML 1.0, except some features that the instructor considers minor, in the sense that they are rarely used and mainly a feature to prepare sites for accessibility issues. The course covers much of CSS 2.1. At the time of writing, this is a W3C proposed recommendation.

The course covers the issue of web site design as far as simple passive web sites are concerned. Discussion of design starts as soon as basic XHTML is covered, in parallel to the CSS material.

Course objectives

After taking this course students


There are no other formal prerequisites for this course. 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, and copy files from one location to another. Students should also be familiar with basic concepts of computer hardware and software, concepts like files, and memory. They should have a very basic understanding of the Internet. 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.

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. In order to operate that web space students only need a computer with an Internet connection.


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

Private contact details may be obtained from the online CV.

Class structure

Classes are be held in room 126 of the Westchester graduate campus of LIU, between 16:45 and 18:45. The instructor will be staying on until 19:20.

Each class has a lengthy presentation by the instructor. For some part of class time the students work directly with their computers under the supervision of the instructor. However, students are expected to do much of the work on their web site at home. Support via skype is available pretty much around the clock, i.e. unless the instructor is moving around or is asleep.

Class details

Here are some class details.

2011–01–20 16:45 to 18:45 introduction to the course and to the web
2011–01–27 16:45 to 18:45 communicating with the server
2011–02–03 16:45 to 18:45 XML nodes
2011–02–10 16:45 to 18:45 XML and HTML documents
2011–02–17 16:45 to 18:45 the HTML body
2011–02–24 16:45 to 18:45 the HTML head
2011–03–03 16:45 to 18:45 introduction to CSS
2011–03–10 16:45 to 18:45 HTML tables
2011–03–17 16:45 to 18:45 no class
2011–03–24 16:45 to 18:45 important CSS properties without positioning
2011–03–31 16:45 to 18:45 contents design
2011–04–07 16:45 to 18:45 CSS positioning
2011–04–14 16:45 to 18:45 CSS advanced selectors and site design
2011–04–21 16:45 to 18:45 accessibility
2011–04–28 16:45 to 18:45 web site consultation

There is a single file with all slides.

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.


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

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 (2006) is a widely used and reasonably priced book for beginners. 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).

Some specialized web sites and wikis deal with web design. Among them are

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. Other resources include Clark (2007), Lynch and Horton (2002), Horton (2006) and Zeldman (2005).

The following mailing lists may be worth subscribing to.

Finally there a bunch of home-grown resources.

Mailing list

There is a mailing list for the course at 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


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 12/25 of the assessment. The worst four performances in a quiz are discounted. On the third 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 2/25 of the grade.

On the twelfths 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 3/30 of the course.

The remaining 17/30 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. Assessment of the site follows a There is published list of criteria.


Kathryn Palovick
Christopher Valdes
Jonathan Stern
Diana Lennon
Christa Defaber
Lisandra Gutierrez
Jennifer Eschrich
Davide NM Roman
Elaine Provenzano
Sarah Duryea

Valid XHTML 1.0!