| File | Description |
|---|---|
| first.html | Demonstrates the essential elements of a minimal XHTML file |
| first-validate.html | Demonstrates the essential elements of a minimal XHTML file w/ validation |
| WebAuthoring.html | Demonstrates the need for tags. Shows how browsers ignore whitespace. | Introductory files | headings, lists, and more from chapter 2 of Felke-Morris text |
| basicstructure.html | Discusses and demonstrates the basic structural elements of XHTML |
| textstructure.html | Discusses and demonstrates a variety of XHTML elements for structuring text |
| Chapter 2 files | Build Your Own Web Site the Right Way Chapter 2 files |
| Chapter 3 files | Build Your Own Web Site the Right Way Chapter 3 files |
| Chapter 4 files | Build Your Own Web Site the Right Way Chapter 4 files |
| Chapter 5 files | Build Your Own Web Site the Right Way Chapter 5 files |
| Chapter 6 files | Build Your Own Web Site the Right Way Chapter 6 files |
| Chapter 7 files | Build Your Own Web Site the Right Way Chapter 7 files |
| Chapter 9 files | Build Your Own Web Site the Right Way Chapter 9 files | Chapter 10 files | Build Your Own Web Site the Right Way Chapter 10 files |
| lists.html | Discusses and demonstrates the use of lists |
| images.html | Discusses and demonstrates the use of images in XHTML |
| links.html | Discusses and demonstrates the use of hyperlinks, named anchors and image maps in XHTML |
| liststables.html | Discusses and demonstrates the use of lists and tables in XHTML |
| Tables | 5 table examples from Chapter 3 of Felke-Morris text |
| swirl.html | Demonstrates use of background image. |
| background image Examples | Demonstrates use of background image from Chapter 4 of Felke-Morris text |
| Frames Examples | Demonstrates how to use frames from Chapter 5 of Felke-Morris text |
| CSS Examples | Demonstrates the use of CSS from Chapter 9 of Felke-Morris text |
| More CSS Examples | Demonstrates the use of CSS from Chapter 10 of Felke-Morris text |
| form_comments-echo.html | A simple feedback form that uses cgiecho to send its input back to the user's screen |
| form_comments.html | A simple feedback form that uses cgiemail to send its input as an e-mail message |
One important tool in learning about XHTML and CSS is to examine the code for existing pages.
Although there is a virtually limitless supply of pages to study available on the Web, there is no way for a beginner to accurately judge the correctness of their code. therefore, studying code selected at random on the Web is just as likely to teach a beginner incorrect techniques as correct techniques.
For this reason, I have written several sample documents in strict compliance with the XHTML and CSS standards presented in this class. Each file is available via a link above. Several of them are designed to have informative content, but all of them are designed to present informative and correctly implemented source code. therefore, you should not only examine the page itself, but also the source code that the browser used to render it if you intend to get the most out of these resources.
Please note that the samples are presented in the order in which they are most likely to be useful in the context of this course. At each stage, I tried to avoid parts of XHTML and CSS that I expect we will not have covered by the time that sample becomes useful. As a result, you should be able to work with each sample document as it becomes pertinent, without getting confused by things we have not yet discussed. A side effect of this, however, is that many of the pages are rather spartan in their design and implementation.