Difference between revisions of "Help:Presentations"

From OpenWetWare
Jump to: navigation, search
Line 4: Line 4:
 
<div class="background">  
 
<div class="background">  
 
<html>
 
<html>
   <img id="head-icon" src="http://www.w3.org/Talks/Tools/Slidy/icon-blue.png" />  
+
   <img id="head-icon" src="http://openwetware.org/images/f/f1/OWW_emblem2.png" />  
 
   <object id="head-logo" title="W3C logo" type="image/svg+xml"
 
   <object id="head-logo" title="W3C logo" type="image/svg+xml"
 
     data="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.svg"><img
 
     data="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.svg"><img

Revision as of 15:10, 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>


<html>

 <img id="head-icon" src="http://openwetware.org/images/f/f1/OWW_emblem2.png" /> 
 <object id="head-logo" title="W3C logo" type="image/svg+xml"
   data="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.svg"><img
  src="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.gif" 
  alt="W3C logo" id="head-logo-fallback" /></object>

</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


End presentation