TEI Workshop Exercise System

Using the Template

Editing …

  1. Find the file exercise_template.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 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 CETEIcean

We have included a copy of CETEIcean, another lightwight system for displaying TEI documents in a browser. CETEIcean is very much like TEI Boilerplate, the major difference being it uses Javascript instead of XSLT.

To use CETEIcean, create a copy of exercise_template.html and edit it, changing the name of the XML file loaded (roughly line 20) to the one you'd like to view. Then open that edited version in a 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