Niquelao » 博客档案 » acc_slide：使用 XHTML、CSS 和 javascript 进行演示

» Archivo del weblog » acc_slide: Presentaciones con XHTML, CSS y javascript Niquelao acc_slide: Presentaciones con XHTML, CSS y javascript 2007 年 4 月 15 日，由 Rumoroso 发布，终于到了发布它的时刻。我研究它已经有一段时间了，但由于种种原因，直到现在才能够发布。这是一个使用 XHTML、CSS 和 JavaScript 制作演示文稿的新系统。我想有些人可能已经知道一些常用的系统，例如 W3C 的 HTML Slidy 或 Eric Meyer 的 S5。在使用过这些系统后，我得出结论：虽然它们很不错，但根据我的标准，有些地方或许可以改进。正如我所说，这两个系统都很优秀且有效，但它们都需要使用某种标记，而这种标记的唯一目的是为了让脚本能够识别并为其应用样式。如果真的想要高效，为什么不让脚本智能地生成所需的标记呢？ 开发过程：我基于以下前提开始工作：如果我们有一个结构正确且标记清晰的文档（包含标题、段落、列表等），脚本应该足够智能，能够组织并生成演示文稿，而无需包含任何额外的容器、类或 ID。应该仅凭文档自身的结构来区分每张幻灯片应包含的内容。在努力钻研之后，这就是结果。 这就是 acc_slide，或者像 Andrés 和 Maroto 所称呼的 rumo_slide 或 slide_oso。与其继续写，不如直接演示。我准备了两份演示文稿，都包含了系统的描述及其使用方法。两者的区别在于总结的程度。请不要犹豫，查看我所使用的标记以了解我的意思：注意：虽然演示文稿中的导航方式在其中有所讨论，但浏览内容的基本方式是通过键盘的箭头键（上和下）。精简版及精简版下载，完整版（是的，非常完整）及完整版下载 acc_slide 的基本特性：acc_slide 的创建目标是实现内容与行为的绝对分离，在创建和标记要显示的信息时，无需考虑行为。该演示系统的特点包括：仅需要通过标题对内容进行正确且逻辑的结构化；除了内容语义标记所需的元素外，不需要任何额外元素；系统会重建并适配 DOM 树，因此不强制要求特定的标记。这使其兼容任何结构良好的 (X)HTML 文档（甚至包括包含其他演示系统标记的文档）。这使其非常灵活，可用于网页文档、其他演示系统的标记等。遵循标准且具有可访问性。内容、表现和行为的绝对分离。易于集成和使用。不需要专业知识，如果使用建议的主题，则无需了解 CSS。允许创建包含幻灯片组的章节。图形外观具有极高的灵活性，完全由 CSS 控制。此外，可以创建多种样式并利用选择器的优先级在运行时（演示过程中）实时应用（并组合）它们。具备自动播放系统。内置了一个可将链接集成到演示文稿中打开的系统。

如果在链接中包含 title 属性，其内容将显示在窗口底部。此外，链接的目标可以是一个 URL 或一张图片。每张幻灯片都关联一个锚点，以便可以直接跳转到所需的幻灯片。锚点与幻灯片在演示文稿中的位置相对应。到此为止，我期待你们的反馈。我还在考虑为该系统创建一个公共样式库。如果你觉得这是个好主意并想分享你的样式，请不要犹豫。你可以将主题发送至 rumoroso@niquelao.net acc_slide：展示 XHTML、CSS 和 javascript 类别：(X)HTML、附件、CSS、Javascript —> Claudio 2007 年 10 月 15 日发表的 2 条评论 为重要的经验带来的祝福。与我们的朋友们一起进行演示。 Una duda: pude descargar la version reducida, pero no lo logré con la Extendida.我感兴趣的是扩展，当然，使用礼仪文本 H2 来装饰 diapositivas、evitando la imagen、pero demostrando de una forma muy bonita que no es necesario una imagen para Decorar。我对 Microsoft 常用的演示非常感兴趣。我想了解一下 Javascript 版本的简化版本，我已经完成了修改。 Por si no lo dejé claro al principio: tu trabajo es de mucha utilidad, mucho mejor que las otras opciones y…hermoso.谨此致谢。 Rumoroso 2007年10月15日：你好 Claudio。谢谢你的赞美，很高兴它能对你有所帮助。我刚刚上传了可下载格式的完整版，链接已放在文章中。希望对你有用。如果你对它是如何工作或其他方面有疑问，请告诉我；如果你想与我们分享你应用的样式，我将非常高兴。谢谢。问候。你可以通过 RSS 2.0 feed 跟踪评论。你也可以从你的网站发送 trackback。前一篇文章：acc_calendar 更新，后一篇文章：Escuas —> —> —> Esta obra está bajo una licencia de Creative Commons 。