奇技淫巧 - 阅读主题
<<  <  1  >  >>

[S5] S5幻灯片制作 入门篇

好(0) 差(0) 阅读(2140) 评论(0)
poster face
发表次数:1396
等级:◆◆◆◆◇◇
经验:11,233
魅力:1,372,955
给 Wen 发消息 给 Wen 发email


本文假定S5的几个核心驱动文件均在相对路径ui/里。现在只须要照copy下面的代码,并按其中的中文注释修改,即可快速制作出一个S5幻灯片。

<!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" lang="zh-CN" xml:lang="zh-CN">
<!-- 这里假定了幻灯片语言是中文,如若制作其它语言的幻灯片请修改上一行lang和xml:lang的值 -->
<head>
<title>幻灯片的大标题</title>
<!-- metadata -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 这里使用了通用的字符编码utf-8,如果想使用其它编码请修改 -->
<meta name="generator" content="S5" />
<meta name="version" content="S5 1.1" />
<meta name="presdate" content="这里填上演讲日期" />
<meta name="author" content="这里填上作者" />
<meta name="company" content="这里填上作者的头衔、任职或所在的公司" />
<!-- configuration parameters -->
<meta name="defaultView" content="slideshow" />
<meta name="controlVis" content="hidden" />
<!-- style sheet links -->
<link rel="stylesheet" href="ui/slides.css" type="text/css" media="projection" id="slideProj" />
<link rel="stylesheet" href="ui/outline.css" type="text/css" media="screen" id="outlineStyle" />
<link rel="stylesheet" href="ui/print.css" type="text/css" media="print" id="slidePrint" />
<link rel="stylesheet" href="ui/opera.css" type="text/css" media="projection" id="operaFix" />
<!-- S5 JS -->
<script src="ui/slides.js" type="text/javascript"></script>
</head>
<body>
<div class="layout">
    <div id="controls"><!-- DO NOT EDIT --></div>
    <div id="currentSlide"><!-- DO NOT EDIT --></div>
    <div id="header"></div>
    <div id="footer">
        <!-- 以下两行信息将会出现在幻灯片下方 -->
        <h1>这里填写演讲的地点或日期</h1>
        <h2>这里填写幻灯片标题</h2>
    </div>
</div>
<div class="presentation">
    <div class="slide"><!-- 这里是幻灯片的封面 -->
        <h1>这里填写幻灯片的标题</h1>
        <h3>这里填写演讲者</h3>
        <h4>这里填写演讲者的头衔</h4>
    </div>
    <div class="slide"><!-- 这里正式开始第一张幻灯片 -->
        <h1>这里填写第一张幻灯片的标题</h1>
        <ul>
            <li>这里填写要点一</li>
            <li>这里填写要点二</li>
            <li>这里填写要点三</li>
            <li>这里填写要点四</li>
            <li>这里填写要点五</li>
            <!-- 要点数量可自由增减 -->
        </ul>
        <div class="handout">这里填写注释,注释不会出现在幻灯屏幕上,但能被打印机所打印</div>
    </div>
    <div class="slide"><!-- 第二张幻灯片 -->
        <h1>这里填写第二张幻灯片的标题</h1>
        <ul>
            <li>这里填写要点一</li>
            <li>这里填写要点二</li>
            <li>这里填写要点三</li>
            <li>这里填写要点四</li>
            <li>这里填写要点五</li>
        </ul>
        <div class="handout">这里填写第二张幻灯片的注释</div>
    </div>
    <!-- 如要增加幻灯片在这里添加,每张幻灯片的格式都跟上面的一样 -->
</div>
</body>
</html>

按上面代码的提示改好,幻灯片就制成了,很简单吧。赶快试试吧。

Share/Save/Bookmark
最后修改:Wen 于 2007-03-04 23:44:22

发表于 2005-12-24 22:12:31
奇技淫巧 - 阅读主题
<<  <  1  >  >>
发表评论
评论将以 过客 的名义发表
你的名字/昵称:
为减少垃圾评论,请准确回答问题:

注意:不超过 65535 字节,不支持HTML,支持NN Code

| | | 注册 | 忘记密码
分类浏览: 足迹 | 美食 | 开心 | 奇技淫巧 | 科学 | 音视 | 琐事 | WENSH事务 | 过客留言 | 前梦想国度 |
English categories: Footprints | Recipes | Fun | Tech | Science | Entertainment | Life | WENSH Affairs | Guests' Msgs |
| 链接 | 服务 | 留言 | 关于 NetNest |
Valid XHTML 1.0 | Valid CSS2 | WAI-A WCAG 1.0
W3Csites.com Listed | Directory of Travel Blogs | Travel blogs | Travel | Top Blogs
Copyright 2005-2008 WEN'S Horizon [32/1.736]
Powered by NetNest 2.1.0.081019 © 2004-2008 NetNest Group