我有一个项目的大部分页面都使用 Flash。现在客户想用 jquery/html 替换 flash。那么我必须从哪里开始呢?
该项目有 swf 文件,它是通过 swfobject(javascript) 嵌入的。 谁能帮我提供一个想法或步骤,告诉我如何将 swf 转换为 javascript/html?
最佳答案
如果 Flash 不包含大量的动画/动态交互,那么我认为您应该遵循以下流程:
- 创建 HTML 文档,其中的内容以简单、一致的格式构建。如果您不确定如何执行此操作,那么我建议您了解一些与语义标记相关的基本原则(Google 是您的 friend ,这里有很多很棒的资源 - 但 here's a starter I just came across )。 在这个阶段不要担心涉及动画或特殊用户交互的元素 - 只需在 HTML 中留出一部分这些元素现在就可以放置
- 使用 CSS 布局具有所需外观的文档结构。一次执行此步骤 - 从页面中最大的元素开始,一直到最小的元素(我发现这是可靠地构建 UI 的最佳方法,尽管其他人可能采用不同的方法)。
- 一旦您的基本页面结构正确且看起来不错,就该关注动画/交互方面了。最简单的方法是使用其他人的作品:jQuery 插件。确定您需要什么功能并找到已经提供该功能的插件(即您提到了幻灯片功能 - Google 的“jQuery 幻灯片”并尝试使用这些选项 - 会有很多)。
实际上,如果您不是特别熟悉 HTML/CSS/JS,这对您来说不是一项简单的任务。以下是一些可能对您有所帮助的其他想法:
- 首先关注内容结构:如果你做对了这一点,其他一切都建立在它之上,痛苦会少得多。此外,Google 非常喜欢良好的文档结构,因此这对提高网站在搜索结果中的排名非常有帮助。
- 不要太担心 HTML5:除了您必须做额外的工作以使其完全兼容浏览器(至少,如果您需要大量浏览器)兼容性),但实际上还没有必要利用
nav
或video
等元素(除非您的客户端不允许使用 Flash 视频 - 但那是另行讨论)。不要贪多嚼不烂。 - 保持一致,这与上面的第一点有关 - 如果您在所有文档中一致地对元素应用结构,那么您可以更轻松地利用相同的 CSS 和 JS。
- 至于本页其他地方的 w3schools 评论,我会说不要将它们用于教程 - 但它们可以成为学习 HTML 元素和属性以及 CSS 规则的有用引用源(尽管有许多其他网站可以在这里提供帮助)。
好了,希望对你有所帮助。抱歉,我不能更具体,但我需要对您的问题进行更详细的描述,然后才能给您更多...祝您好运
关于javascript - 用 jquery/html5 替换 flash,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8978756/