网志人生

　　一直在寻找PowerPoint的替代方案。用过OpenOffice，也看过Latex的PDF方案。其实这些都不错，但是今天看到Mozilla的这个方案。
　　PS:这个Presentation本来是Mozilla用来说明JavaScript 2的，名为《JavaScipt 2 And The Future Of The Web》（请使用Firefox达到最佳效果）。我简要对代码作一下分析。
　　整个页面通过调用slides.js实现幻灯效果，代码如下：

    <script src=”ui/default/slides.js” type=”text/javascript”></script>

　　而下面这段代码则是整个页面的布局：

    <div class=”layout”>
      <div id=”controls”><!– 这里不能改 –></div>
      <div id=”currentSlide”><!– 这里不能改 –></div>
      <div id=”header”></div>
      <div id=”footer”>
        <h1>附加信息</h1>
        <h1>日期</h1>
      </div>
    </div>

　　接下来的DIV标签则是整个幻灯的内容，标题页和正文页都要包括在这个DIV标签里。

    <div class=”presentation”></div>

　　然后就是幻灯的标题页，这一页的结构和其它页当然是不一样的。

    <div class=”slide”>
          <h1>标题</h1>
          <h3>作者</h3>
          <h4>作者所在机构</h4>
      <div class=”handout”></div>
      <div class=”notes”></div>
    </div>

　　正文页和标题页一样用slide用样式，版面则是根据需要用HTML控制。如：

      <div class=”slide”>
    <div class=”handout”></div>
    <div class=”notes”></div>
        <h1>标题</h1>
        <ul class=”incremental”>
          <li> 列表项1
          <li> 列表项2
          <li> 列表项3
          <li> ……
        </ul>
      </div>

　　强吧，这么简单就完成一个HTML幻灯。通用且易于网上发布。我觉得这应该是幻灯的最佳方案了。
　　如果你懂得不多，可以直接将这个Presentation代码拿来修改。