我妻子的生日快到了，我想创建一个类似的网站 Ba Ba Dum：https://babadum.com/
我在学校学过HTML5但从未了解过它创建动画网站的能力。
我如何创建这样的网站？我是否必须使用Flash或是否使用HTML5完全呈现？看一下源代码，揭示了一些关于google api和ajax以及jquery的内容，它们对于制作这样的动画网站是否必不可少？
谢谢！
答案 0 :(得分：2)
虽然你的问题太过广泛，但我会尝试提供帮助。
据我所知，您链接的网站是HTML，CSS和JavaScript。使用Flash的网站越来越少，你也不应该使用它 - 它终于开始消亡了。
准备好进行大量研究 - 你必须学习CSS3（风格，位置和动画），JavaScript（＆＃34; JS＆＃34;，它对于填充的网站非常有用交互式元素 - 声音，视频等）和jQuery（特殊的JS库，它包含几十个预先编写的功能，可以使Web开发更容易，更快）。如果我是你，我会访问Codecademy，它是一个教授这些语言的网站，而且是免费的。完成这些课程不应超过20-30小时，这将为你提供一个坚实的基础。
当然，所需的技能水平取决于您要构建的网站类型。一个简单的动画网站只能用HTML和CSS3构建。对于更复杂的站点，您很可能必须使用JS和jQuery。
以下是您应该做的事情：
从一个固定的想法出发：你想知道你想要创造什么，特别是因为（可能）这将是你的第一个认真的项目。例如，在纸上涂鸦，记下你对按下按钮会发生什么的想法。
将网站划分为较小的部分：您有一天不会完成它，因此您应该专注于逐步构建网站。创建一个按钮，使用CSS使其变得有趣，然后给它一些动画。如果您满意，可以继续下一部分。
研究：很可能你不会成为第一个按照你想要的方式做你想做的事情的人。使用谷歌，您将找到数百种不同的教程，从简单的东西（构建布局）到更复杂的教程（纯CSS动画，画布等）。如果您遇到困难，Stackoverflow会提供帮助，但您必须更加具体地解决您的问题。这个当前的问题很糟糕，我只是写这个回答，因为我也知道需要帮助，并且意识到没有人会帮助我，因为我的问题太宽泛了。而且我在23:40没有更好的事情要做:)尝试找出是否有人已经问你的问题 - 这是可能的，这样你就可以立即找到答案。< / p>
学习源代码：如果您使用的是Chrome，则点击网站上的任何元素即可查看代码 - 您只需选择＆＃34;检查元素＆＃34;从上下文菜单（还有其他方法与其他浏览器一起使用）。它将向您显示HTML，CSS属性甚至相关的JS代码。如果您想进行一些实验，可以修改这些值（对CSS特别有用） - 这些更改仅对您可见，并在刷新页面时删除。如果您想要在页面上添加完美的按钮动画但不知道如何操作，此方法非常有用。
备份你的工作！每天创建一个网站的备份副本，所以如果你把事情搞得一团糟（发生在每个人身上，特别是如果你像往常一样匆忙），你就不必从头开始。它发生在我之前，如果你正在使用其他人的代码（来自教程，我不是在谈论偷窃），它也可能发生在你身上。
另外，祝你好运！
答案 1 :(得分：0)
以下是我建议去的几个地方，所有这些都对我有所帮助，是一个很好的起点。
Codecademy - http://www.codecademy.com/learn
用于基本的HTML，CSS，JavaScript和jQuery课程。我说，网上最好的网站。此外，最近发布的AngularJS课程非常好。
代码学校 - https://www.codeschool.com/
提供优秀的AngularJS课程，一旦完成Codecademy课程，您应该学习。
Egghead - https://egghead.io/
适合AngularJS课程和HTML5画布课程。 HTML5画布课程非常精彩，主持人是天才。
所有这些都是。
HTML5 canvas - 一种向屏幕绘制图形的方法。非常适合视频游戏和动画。我实际上已经用画布列出了你所列出的网站的加载效果。
jQuery - 一个JavaScript库，它是一组易于编码的预定义函数。它对特效和事件监听器有好处。
AngularJS - 一个非常棒的库，可以更轻松地显示数据。非常适合快速单页应用。