Difference between revisions of "Help:Presentations"

From OpenWetWare
Jump to: navigation, search
Line 1: Line 1:
 
{{Slides}}
 
{{Slides}}
 +
{{:OpenWetWare:Presentations/default.css}}
  
 
<div class="slide">
 
<div class="slide">
Line 14: Line 15:
 
* The entire presentation is included on one page (but you can include other pages like you normally do on the wiki)
 
* The entire presentation is included on one page (but you can include other pages like you normally do on the wiki)
 
* Include <nowiki>{{Slides}}</nowiki> at the top to indicate that it will be used as a presentation
 
* Include <nowiki>{{Slides}}</nowiki> at the top to indicate that it will be used as a presentation
 +
* Define the look via css (an example file is at [[OpenWetWare:Presentations/default.css]]) which can be included from the presentation
 
* The page should contain a list of slides like this
 
* The page should contain a list of slides like this
 
<pre><div class="slide">
 
<pre><div class="slide">
 
=title=
 
=title=
Slide content
 
</div>
 
<div class="slide">
 
=Slide 2=
 
 
Slide content
 
Slide content
 
</div></pre>
 
</div></pre>

Revision as of 14:40, 7 June 2007


<html> <script> function addStylesheet(url) {

   // presentation mode
   if (document.createStyleSheet) {
       document.createStyleSheet(url);
   }
   else {
       var styles = "@import url('" + url +  "');";
       var newSS=document.createElement('link');
       newSS.rel='stylesheet';
       newSS.href='data:text/css,'+escape(styles);
       document.getElementsByTagName("head")[0].appendChild(newSS);
   }

} if (location.href.indexOf('action=render') > 0) {

   document.write("<head><title>Presentation</title></head>"); // need this for some browsers for addStylesheet to work
   addStylesheet('http://www.w3.org/Talks/Tools/Slidy/slidy.css');
   addStylesheet("/skins/monobook/main.css");
   addStylesheet("/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000");
   addStylesheet("/index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000");
   addStylesheet("/index.php?title=-&action=raw&gen=css&maxage=18000&smaxage=0&ts=20070606210926");
   document.write('<script src="http://www.w3.org/Talks/Tools/Slidy/slidy.js" type="text/javascript"><' + '/script>');
   document.write('<script type="text/javascript">wgBreakFrames = false;<' + '/script>'); // for wikibits.js
   document.write('<script src="/skins/common/wikibits.js" type="text/javascript"><' + '/script>');
   document.write('<script src="/index.php?title=-&action=raw&smaxage=0&gen=js" type="text/javascript"><' + '/script>');

} else {

   // wiki mode
   if (wgServer)
       document.write('<a href="' + wgServer + '/index.php?title=' + wgPageName + '&action=render"><b><em>=> Start web presentation</em></b></a>');

} </script> </html>


Operation

  • Works across browsers
    • Hit F11 (for most browsers) to go full screen
  • Hit the space bar, page down, or click the mouse for the next slide
  • The 'C' key gives a table of contents

The wiki as presentation tool

  • Any page on the wiki can become a presentation
  • The entire presentation is included on one page (but you can include other pages like you normally do on the wiki)
  • Include {{Slides}} at the top to indicate that it will be used as a presentation
  • Define the look via css (an example file is at OpenWetWare:Presentations/default.css) which can be included from the presentation
  • The page should contain a list of slides like this
<div class="slide">
=title=
Slide content
</div>
  • The page will look normally on the wiki except that a link will be added to start the presentation
  • All normal wiki text can be used

Incremental display

  • First bullet point
  • Second bullet point
  • Third bullet point

Expandable outlines

  1. Topic 1
    1. subtopic a
    2. subtopic b
  2. Topic 2
    1. subtopic c
    2. subtopic d

More information

  • See the Slidy page for more information and additional features