我大学第一次做网页作业的时候，差点被气得当场退学。那个时候老师就说了一句“搞个带表格的个人简历网页”，然后就没了。我打开编辑器，盯着空白屏幕，心里发毛，根本不知道第一个字母该敲什么。
我当时特别轴，觉得不就是个网页吗？上网随便一搜，代码复制粘贴，结果那页面出来，乱七八糟的，表格跑到屏幕外面去了，颜色也丑得要命。试了三天，交上去的作业，得了倒数第二，只比一个交了白卷的哥们高一点。那个丢脸劲儿，我现在想想都觉得脚趾扣地。
我是怎么被逼着把基础搞懂的？
那次打击太大，我意识到，这不是代码难不难的问题，而是我连地基都没搞明白。我找到我们班一个代码写得最好的学霸，请他吃了顿最贵的食堂饭，就为了让他给我传授点经验。我跟他说，兄弟，我不是不想学，我是不知道这些东西到底TM是怎么串起来的。他没笑话我，给我讲了三个最简单的道理，这三个道理，真是我从绝望里爬出来的救命稻草。
你得先明白，你不是要搭摩天大楼，你只是要搭个狗窝。狗窝再小，也要有骨架，有装饰，有功能，对？我们新手最容易犯的错，就是把这三个工作混到一起干了。
- 骨架是是HTML。
我以前觉得HTML就是一堆标签，随便放。现在我知道，它就是地基和承重墙。你所有的文字、图片、按钮，甚至是你那个烦人的表格，都得老老实实地先用HTML架起来。我第一次老老实实地把结构写对，就是从最上面的声明（
<!DOCTYPE html>）开始，然后一个一个把脑袋（head）和身子（body）分清楚。它只负责“有什么”，不负责“好不好看”。 - 装修是是CSS。
我以前就是直接在HTML标签里写颜色，一改全乱。后来学霸告诉我，CSS就是帮你化妆的工具，专门管“好看”这件事。它管你的字是红色还是蓝色，管你的图片是左边还是右边。我开始练习把CSS文件单独写出来，然后用那个连接的标签把它们俩（HTML和CSS）连上。，原来它们不是一回事！CSS就是用来告诉HTML里的某个元素，你该长成什么样。我第一次把颜色和位置调对，那种成就感，比考试得满分还爽。
- 动起来是是JavaScript。
这个对于新手来说，可能有点远，但至少你要知道它在哪。它就是让你的页面活过来的那根线，比如你点一个按钮弹出一个框，或者让图片自己动起来。我当时没学深，但我至少知道，它也是一个单独的文件，得想办法让它跟HTML搭上话。新手最开始的任务，就是学会怎么引入这个文件，而不是马上就去写复杂的逻辑。
当我把这三个东西，不是当作三个晦涩的知识点，而是当成了搭一个东西的三个步骤后，我的网页作业突然就能下手了。我不再是盯着一堆代码复制，而是先老老实实画骨架，再去想怎么让它好看，考虑要不要让它动一下。
如果你也觉得网页作业太难，别急着去学什么炫酷的框架或者花哨的特效，先把这三个文件的角色分清楚，把基础结构搭稳。别像我一样，浪费了三天时间，得了倒数第二，面子都丢光了，还不懂为什么。基础才是我们这些新手能顺利完成作业的唯一通道。