The following elements are all required
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div class="layout"> </div> <div class="presentation"> <div class="slide"> </div> </div> </body> </html>
Document's metadata and configuration parameters
<head> <title>[slide show title]</title> <!-- meta data --> <meta name="version" content="S5 1.3" /> <meta name="generator" content="[generating program]" /> <meta name="presdate" content="[presentation date]" /> <meta name="author" content="[author's name]" /> <meta name="company" content="[author's employer]" /> <meta http-equiv="Content-Type" content="[content-type]" /> <!-- configuration parameters --> <meta name="defaultView" content="[value]" /> <meta name="controlVis" content="[value]" /> <!-- configuration transition parameters --> <meta name="tranSitions" content="[value]" /> <meta name="fadeDuration" content="[value]" /> <meta name="incrDuration" content="[value]" /> <!-- configuration autoplay parameters --> <meta name="autoMatic" content="[value]" /> <meta name="playLoop" content="[value]" /> <meta name="playDelay" content="[value]" /> <!-- configuration audio parameters --> <meta name="audioSupport" content="[value]" /> <meta name="audioVolume" content="[value]" /> <meta name="audioError" content="[value]" /> <!-- configuration audio debug --> <meta name="audioDebug" content="[value]" /> <!-- style sheet links --> <link rel="stylesheet" href="ui/default_utf/slides.css" ... ... type="text/css" media="projection" id="slideProj" /> <link rel="stylesheet" href="ui/default_utf/outline.css" ... ... type="text/css" media="screen" id="outlineStyle" /> <link rel="stylesheet" href="ui/default_utf/print.css" ... ... type="text/css" media="print" id="slidePrint" /> <link rel="stylesheet" href="ui/default_utf/opera.css" ... ... type="text/css" media="projection" id="operaFix" /> <!-- S5 main JS --> <script src="ui/default_utf/slides.js" type="text/javascript"> </script> </head>
<meta name="tranSitions" content="[value]" />
<meta name="fadeDuration" content="[value]" />
<meta name="incrDuration" content="[value]" />
<meta name="autoMatic" content="[value]" />
<meta name="playLoop" content="[value]" />
<meta name="playDelay" content="[value]" />
<meta name="audioSupport" content="[value]" />
<meta name="audioVolume" content="[value]" />
<meta name="audioError" content="[value]" />
<meta name="audioDebug" content="[value]" />
Slide structure and audio/chart configuration
<div class="presentation"> <!-- optional background sound played during the slide show --> <object data="[mp3 file]" archive="volume:80,loop" type="audio/mp3" ... ... class="handout" declare="declare" width="0" height="0"></object> <div class="slide"> <h1>[slide title]</h1> [content displayed in this slide] <!-- optional dynamically generated pie|bar chart --> <table id="chart_data" summary="" class="[pie|bar]chart" border="0"> <tr><td bgcolor="#923033"></td><td>Lamb:</td><td>66</td></tr> <tr><td bgcolor="#ad3"></td><td>Beef:</td><td>99</td></tr> <tr><td bgcolor="red"></td><td>Pork:</td><td>15</td></tr> </table> <!-- or optional dynamically generated line chart --> <table id="chart_data" summary="" class="linechart" border="0"> <tr><td bgcolor="red"></td><td>x:</td><td>7</td><td>9</td></tr> </table> <div> <canvas id="chart_canvas" width="80" height="80" class="scale"> </canvas> </div> <div class="slidecontent"> [optional wrapper for slide content] </div> <div class="handout"> [optional extra content not displayed in slide show] </div> <div class="notes"> [optional extra content that shows up in notes window] </div> <div class="hide"> [optional content not displayed at all] </div> <!-- optional background sound played during this slide --> <object data="[mp3 file]" archive="volume:50" type="audio/mp3" ... ... class="handout" declare="declare" width="0" height="0"></object> </div> </div>
<object data="[value]" archive="[values]" ... ></object>
<table id="[name]_data" class="piechart" summary="[values]">
<tr>
<td bgcolor="[value]"></td><td>[value]</td><td>[value]</td>
</tr>
</table>
<canvas id="[name]_canvas" width="[value]" height="[value]" />
<table></table>
. The accepted color values are:
6 digit #000000, 3 digit #fff or VGA and Netscape color names like cornflowerblue.
<tr></tr>
table rows.
The first <td></td>
must include the color as bgcolor attribute.
The second <td></td>
must include the name and the third <td></td>
must include the value.
The value of all following <td></td>
will be summed for pie/bar charts.
If the first <td>
do not include a bgcolor the <tr>
is ignored.
Also every <th></th>
is ignored.
<table>
and <canvas>
objects are bundled via the
corresponding id prefixes. Put class="scale" on the canvas, and it'll be shown
scaled. "scale" should always be the first class and the <canvas>
must include width and height attributes. If you wan't to use htmltext
the <canvas>
must be surrounded by a <div></div>
.
The positioning of the table and canvas objects are up to you.
The following apply in any supporting browser (Opera additionally uses the default Opera Show controls).
Action | Key(s) |
---|---|
Go to next slide |
|
Go to previous slide |
|
Go to title (first) slide |
|
Go to last slide |
|
Jump directly to slide |
|
Skip forward n slides |
|
Skip backward n slides |
|
Exit slideshow |
|
Open notes window |
|
Switch between slideshow and outline view |
|
Toggle transition support |
|
Toggle sound support |
|
Toggle auto play support |
|
Toggle pausing auto play |
|
Toggle auto play looping |
|
Show / hide slide controls |
|
Show keyboard help |
|
The following apply only in Auto Play mode.
Action | Key(s) |
---|---|
Switch between slideshow and outline view |
|
Show / hide slide controls |
|
Toggle transition support |
|
Toggle sound support |
|
Toggle auto play support |
|
Toggle pausing auto play |
|
Toggle auto play looping |
|
Symbol & Action | Unicode | Key(s) |
---|---|---|
× Exit slideshow |
|
|
❏ Open notes window |
|
|
± Switch slideshow style |
|
|
|< Go to title (first) slide |
|
|
< Go to previous slide |
|
|
> Go to next slide |
|
|
>| Go to last slide |
|
|
Ξ Pop up slide lister |
|
|
▨ Toggle transition support |
|
|
♫ Toggle sound support |
|
|
◢ Pop up volume lister |
|
|
▶ Toggle auto play support |
|
|
|| Toggle pausing auto play |
|
|
∞ Toggle auto play looping |
|
|
5·10·15·30·60 Adjust auto play delay |
Image & Action | Key(s) |
---|---|
Exit slideshow |
|
Open notes window |
|
Switch slideshow style |
|
Go to title (first) slide |
|
Go to previous slide |
|
Go to next slide |
|
Go to last slide |
|
Pop up slide lister |
|
Toggle transition support |
|
Toggle sound support |
|
Pop up volume lister |
|
Toggle auto play support |
|
Toggle pausing auto play |
|
Toggle auto play looping |
|
Adjust auto play delay |
|