最近我侄子在上大学，学网页设计课，老师布置了个作业要他们做个简单网页。他跑来问我：“叔，该用啥工具？免费的行不？” 我一听就笑了，想起自己十几年前大学那会儿，折腾得可惨了，那时没这些好资源，整天抱本破书啃，连个像样编辑器都没有，交作业都糊弄过去。
我就开始动手整了整
我先回忆了下自己当年的事，又上网翻找一圈。侄子说预算零蛋，我只能找免费的东西。浏览器一开，到处搜搜，试试这个看看那个。花了一下午，折腾来折腾去，总算对比出几个靠谱的。
这些就是我用的免费工具
- 写代码的软件：一个叫 VS Code 的编辑工具，安装方便，操作简单，还能加些小插件提升效率。
- 做页面的框架：用的是那个 Bootstrap 架子，里面有现成模板，拖拖拽拽就能弄出好看布局。
- 处理图片的东西：找了个叫 GIMP 的软件，免费下载，能裁剪和调色，比花钱的还好用。
- 测试网页的工具：浏览器自带的调试功能，按 F12 就蹦出来，查查哪儿出错，贼省事。
整这些时，我试过几个其他的，但有的太复杂，有的卡得要死，就这几样最顺手。
然后实际动手做网页
我拉上侄子，一步步来。先挑了个简单主题，整了个介绍学校的页面。打开 VS Code，咔咔敲代码，HTML 和 CSS 都写进去。中间出过几次错，比如颜色没对齐，我直接用调试工具改，瞎调整几下就好了。
接着用 Bootstrap 那架子，加了点导航栏和按钮，省得手动画框架。到做图片时，GIMP 派上用场，侄子拍的照片太暗，我就调亮了些。搞了个响应式设计，浏览器上放大缩小都流畅。
做完后，在几个浏览器打开测试，火狐和谷歌都跑得顺，就苹果那个浏览器差点卡顿，但也没大碍。
搞定后交给侄子看
他开心得跳脚：“这工具太好用了，作业满分！” 我心里乐滋滋的，回想自己大学时哪有这条件？记得有次赶作业，编辑工具收费太贵，我硬生生用记事本敲字，搞得手指抽筋，还好没被老师骂。现在这些免费资源真救急，大学生们捡到宝了。
我用的这些玩意全免费，操作不费劲，关键别贪多，先从简单入手，一步步练就行。工具就在那儿，别像某些人瞎折腾花钱冤枉路，轻松搞定作业不是事儿。
