很快就有人以迅雷不及掩耳(盗铃)之势写出了tutorial,http://goo.gl/PJbL2
以下四步代码,下一步嵌套在上一步的代码中(除了第三步跟着第二步)
第一步:新建HTML页(用以下代码)
<br />
<!doctype html><br />
<html><br />
<head><br />
<title>Impress Tutorial</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br />
</head><br />
<body></p>
<p> </body><br />
</html><br />
第二步,在上述代码的空行即</body>标签上粘贴代码(起叫唤impress.js库的功用):
<br />
<script type="text/javascript" src="impress.js"></script><br />
第三步,</body>标签上输入以下代码
<br />
<div id="impress"></p>
<p></div><br />
以上代码是一个div标签配上"impress"的id,其空行处放幻灯片内容
第四步,在上述空行处,输入以下代码
<br />
<div class="step"><br />
My first slide<br />
</div><br />
以上代码是一个div标签配上"step"的class
每一新起张幻灯片就换行新起一个div标签配上"step"的class</p>
以上四步可创建一个impress.js幻灯片基本框架,下面来看幻灯片之间切换动作的参数
data-x,data-y,data-z分别是横、纵、深三个坐标轴
data-scale放大(缩小)当前幻灯片
其他参数请见原文:http://goo.gl/PJbL2
我的想法
编辑器用notepad++配合zen-coding的插件做好框架
调试或演示用firefox+firebug
配上BlueGriffon这种所见即所得的编辑器来插图或插视频或做字体什么的微调
使用impress.js不需要懂javascript,只要稍懂得html的标签就好
希望能抛砖引玉。也很希望能在今年R会议中看到这种幻灯片[s:11]