# TEI Workshop Exercise System

## Using the Template

## Editing …

1. Find one of the template files `exercise_template_annotated.xml`, `exercise_template_invalid.xml`, or `exercise_template_valid.xml` in the `content` directory.
2. Make a copy of it (named whatever you want) in the same `content` directory!
3. Open the copy in oXygen
4. OPTIONAL: put the right metadata in the `<teiHeader>` (after all, your document was not written by Syd & Julia :-)
5. Transcribe your document into the `<body>`

Check validity early and often; save early and often.

### Viewing …

There is no one right way to view an encoded file. The following are provided as ideas of how one might like one's TEI file to look.

#### Viewing with TEI Boilerplate

We have included a modified copy of TEI Boilerplate, a lightweight system for displaying TEI documents. While TEI Boilerplate is a wonderful system, it is in no way a definitive representation of how your file should look (that's up to you and your project); it's just one group of TEI encders idea of what you might like.

To use TEI Boilerplate, just open your TEI file from within a modern browser.

#### Viewing with your own CSS

We have provided a template CSS2 file that does not produce pretty output, but rather gives you a place to inserto your own CSS properties and values to get pretty output. It is called `tiny_TEI_template.css`. To use it, comment out or delete the line

> `<?xml-stylesheet type="text/xsl" href="teibp.xsl"?>`

wich should be around line 4 or so, and then open your XML file from within a browser.

#### Viewing with supplied CSS

We have also provided a couple of CSS files intended to show off various features of TEI files. These CSS files may or may not be interesting on your file. To try them, follow the instructions for Viewing with your own CSS, above, and then:

1. find the line `<?xml-stylesheet title="your own CSS" type="text/css" href="../css/tiny_TEI_template.css" alternate="yes"?>`, and replace `tiny_TEI_template.css` with
   1. `inspect.css` for a sort of bird's-eye view of your document
   2. `ography.css` for a quick overview of your contextual information encoding
   3. `ugly_TEI_template.css` for a fast-and-lousy TEI rendering
2. save your XML file
3. open your XML file from within a browser