要求：这个实战项目适合刚开始接触 HTML、CSS 和 JavaScript DOM 的朋友。
本人强烈不推荐登山学习法学习任何技能，因为用这种方法的人，基本上都是从入门到放弃，然后再次从入门到放弃，最后怀疑人生！
本人强烈推荐拼图学习方法，找到学习这门技能的不同“图块儿”，直接开始实战，在战争中学习战争，三步曲：
-
点击文件夹中的 index.html 文件。在自己的设备上运行起来，直接上图：
-
小小的成就感就这么到来了！有点小激动呢！继续......
-
如果遇到问题，咋办？用搜索引擎。关于怎么更有效地利用搜索引擎，知乎：《如何用好 Google 等搜索引擎？》
-
如果搜索引擎解决不了，那么找人。
动手临摹一遍，一个个文件建立起来，一行行代码敲出来。
不要小瞧这一步，虽然是临摹，但你不一定能看到第一步中看到的结果。
这是为什么呢？不信你就试试看！
具体步骤，把书买来，直接跳到12章，跟着书中的步骤，照着第一步下载下来的代码敲！
浏览器推荐使用Chrome，并使用自带开发工具，按F12按键开启，debug！
DIY，修改也好，东拼西凑也好，把它做成你想要的样子！
看不顺眼的地方，改！
看到别人家的某些地方好，照着改！
你可能会疑惑，我举个例子你就明白了
- 想想你是如何学会走路的。好像并没有人告诉你先迈哪只脚？需要用多少牛的力？抬起多少厘米？左手右手怎样摆动？摆动幅度......
- 在想想你是如何学会做菜的。好像并没有告诉你需要用什么材质的锅？放多少克油盐酱醋和花椒大料？多少温度的火......
正因如此，哪怕《JavaScript DOM编程艺术(第2版)》这本书你一页没看过也没关系，咱们先从最后一章综合实例直接开始实战。
参考资料：
- 示例代码来自：《JavaScript DOM编程艺术(第2版)》
- 郑伊延 XDite 老师在新生大学开设的元学习课