我那天突然想做个自己的网站，就上网搜了下“怎么做网站”，结果看到一堆乱七八糟的教程，说什么“10分钟搞定”，我这人比较轴，就不信这个邪，决定从头开始自己搞。结果折腾了一整月，才搞明白那些坑爹的地方。

刚开始啥都不懂，愣头青一样冲

我先从免费教程网站找了个入门视频，心想这有啥难的。点开看，讲html和css的那人说得超快，我就跟着视频操作。第一件蠢事是用记事本写代码，连个编辑器都没装。写完保存后，浏览器打开，页面乱糟糟一团，图片还老消失。我以为是电脑问题，反复重启，浪费了两天，才发现是保存文件时选了txt格式而不是html。后来换了个编辑器工具，才勉强显示出来。你说气不气？

动手试设计，结果踩大坑

懂了点基础，我就开始设计主页。学人家整了个导航栏，加了个背景图，看着挺花哨。但最常见的问题冒出来了：手机上一打开，页面就挤成一坨，根本看不清。新手最容易犯这个错，以为电脑上好看就行，屏幕大小变了啥都乱套。后来我才知道，这叫响应式设计，得用简单办法搞定。我开始手动调整尺寸，加了个百分比布局，测试了五六次，在平板和小手机上跑起来才算顺。

• 导航栏太长时，按钮堆叠起来，根本点不了。
• 图片大小没固定，放大缩小就变形，难看死了。
• 字体太小，老人看了都说眼累，得改大点。

我就一条条改，每次测试前都记得多设备预览，省得后续麻烦。

避免低级错误，手把手处理

设计搞顺了，但代码越来越乱，像一堆破布头。另一个大坑是瞎复制代码，没看懂就黏贴。比如加了个按钮特效，看着酷，结果点击后整个页面卡死。新手最该避免就是懒省事！我耐着性子，一个段落一个段落清理重复的东西，把常用部分抽出来放到单独文件。还有，千万别忘测试加载速度，我页面加载慢得要命，朋友打开说像在拨号上网。后来压缩图片尺寸，删掉多余代码，速度快多了。

总结新手攻略：

• 工具别省，直接找好用的编辑器，省得开头走歪路。
• 设计时多想想不同设备，别光顾电脑爽。
• 代码别搞太长，学会分割，保存备份防丢失。

这一套下来，时间花的不少，但成就感挺大。

终于熬出头，做出个像样的

坚持一个月，网站初版搞定了，主页排版整齐，手机也能看清。结果一关是安全问题，上传文件时忘了设限制，朋友上传个超大文件，服务器差点崩盘。还好我提前学了一手，加了简单防护规则。运行顺滑，就分享给朋友圈炫耀，他们说看起来挺专业。

整件事折腾得够呛，就跟去年我买车似的。4s店销售忽悠我说“新手开没问题”，结果一上路就刮蹭，修车修掉几个月工资。网站设计也一样，别信速成，沉下心避坑，才搞出名堂。