Please note: This site has been replaced with a newer version. It remains here for historical reference only.

Anatomy of OUICE

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Unique page title goes here -- The Open University</title>
  6. <meta name="description" content="Another Open University web site" />
  7. <meta name="keywords" content="open, university, open university" />
  8. <link href="http://www.open.ac.uk/includes/header.css" rel="stylesheet" type="text/css" media="all" />
  9. <link href="http://www.open.ac.uk/includes/ice/screen.css" rel="stylesheet" type="text/css" media="screen, projection" />
  10. <link href="http://www.open.ac.uk/includes/ice/print.css" rel="stylesheet" type="text/css" media="print" />
  11. <script type="text/javascript" src="http://www.open.ac.uk/includes/header.js"></script>
  12. <script type="text/javascript" src="http://www.open.ac.uk/includes/ice/library.js"></script>
  13. <script type="text/javascript" src="http://www.open.ac.uk/includes/ice/scripts.js"></script>
  14. </head>
  15. <body class="ou">
  16. <div id="org">
  17. <?php include $_SERVER['DOCUMENT_ROOT'] . '/includes/header-centre-09.html'; ?>
  18. <div id="site">
  19. <div id="site-header">
  20. <!-- Your header goes here -->
  21. <!-- See http://www.open.ac.uk/wikis/webstandards/Website_template_(OUICE) -->
  22. <!-- Here you will find HTML patterns for inserting here -->
  23. </div>
  24. <div id="site-body">
  25. <div id="page">
  26. <div id="region0">{content}</div>
  27. <div id="region1">{content}</div>
  28. <div id="region2">{content}</div>
  29. </div>
  30. </div>
  31. <div id="site-footer">
  32. <!-- Your footer goes here -->
  33. <!-- See http://www.open.ac.uk/wikis/webstandards/Website_template_(OUICE) -->
  34. <!-- Here you will find HTML patterns for inserting here -->
  35. </div>
  36. </div>
  37. <?php include $_SERVER['DOCUMENT_ROOT'] . '/includes/footer-09.html'; ?>
  38. </div>
  39. <!-- Your web stats code and other javascripts go here -->
  40. </body>
  41. </html>

Download

Download this code as a text file or just copy what you need. There's also a Mobile version, an HTML5 version and a version for TutorHome based sites. Coming soon: StudentHome version.

See a visual representation of the HTML structure:

Thumbnail of bigger image

Change log

  • 2009-09-11 -- GC: Changed div id="ou" to div id="org", changed all instances of "/webstandards/gui/" to "/includes/ice"
  • 2009-06-23 -- GC: Changed the code to add the new OU header and footer (lines 17 and 37).