No More HTML

Using Cascading Style Sheets (CSS) to present XML for the Web

Martin Holmes and Greg Newton (University of Victoria HCMC)
Workshop for CASTA 2006 in Fredericton, NB

• The presentation (HTML format)
• The handout (XML+CSS format)
• Workshop tasks:
  • Task one: creating a stylesheet for a simple document
    • Simple XML document (TEI XML)
    • Screenshot of the above document, as it should appear when its CSS stylesheet is created.
    • Steps to follow:
      1. View the source of the document and save it to your local drive.
      2. Create a new stylesheet document.
      3. Add a processing instruction to the XML document, to link to your CSS file.
      4. Specify which elements to hide.
      5. Specify which elements are blocks.
      6. Set margins on block elements.
      7. Set text alignment on block elements.
      8. Set font size on block elements.
      9. Style inline elements.
    • Our example stylesheet
    • The document with stylesheet working
  • Task 2: creating a more complex stylesheet
    • The Prologue to The Complete Plain Words, by Sir Ernest Gowers (TEI XML)
    • Page images of the original text.
    • Our example stylesheet
    • The document with stylesheet working