大学这学期又快到期末了，我这心里就慌得不行，网页设计这门课可不是闹着玩的，作业一堆，考试还来，我就琢磨着得赶紧复习复习，不然挂科了可丢脸。

咋开始的复习？

我先翻出上学期攒的课堂笔记，那些老师天天在黑板画的东西，看着头大。去年挂了个朋友，就是没抓住重点，我就想这回得聪明点。接着我打开电脑，查了查邮件里的课程大纲文件，扫了几页，发现全是技术词儿，跟读天书似的，我就一拍大腿，干脆自己整理一下呗。

然后我约了个室友在食堂坐着聊了会儿，问他咋复习的。那家伙说，老师课上强调了HTML标签和CSS布局最重要，还说考试八成考这些基本玩意儿。我听了半信半疑，回到家，自己又翻了一遍课本前几章，试着写了个小网页，结果弄个按钮位置都跑偏了，气死人。

具体咋一步步搞的？

我又在微信群里发消息问了几个哥们儿，有人说重点在表单验证，有人说在响应式设计。我试了试，自己用手机访问网页，确实得调尺寸才能看舒服。这下我就来劲了，挨个儿练了练：

• 先怼HTML基础：搞个标题标签h1到h5，简单表格框架，还有那破表单，写了个登录页的样式。
• 再玩CSS布局：试着让图片对齐，调背景颜色，折腾了半天flex布局，终于弄出个像样的导航栏。
• 摸JavaScript：加个按钮点击弹个提示，简单得很，老师说期末不考深奥的，我就没多整。

边练边记笔记，纸上瞎涂鸦，重点的地方画红圈圈，比如那个div容器咋用，还有外边距内边距的区别，多试几次就开窍了。

整理资料和结尾啥结果？

练了几天后，我觉得这些点挺管用的，就打开电脑开整文档。把笔记里红的红的圈的内容打出来，排版整整齐齐，弄成个PDF文件存着。周末我又跑去图书馆，对着大纲对了一遍，怕有漏的，结果发现没啥大问题，心里就踏实了。

现在这资料在手，期末考试轻松多了，我都准备打印出来贴床头。想了想，还是分享出来，省得别人跟我一样半夜抓狂。