今天想聊聊自己做网站踩过的那些坑，尤其是第一次动手的时候，简直是一团乱麻。

先说说为啥要折腾这个

前段时间有个朋友想在天津开个小工作室，非要我帮忙弄个简单的宣传网站。我本来觉得做个网页能有多难，结果一上手就傻眼了。

最开始我直接找了个现成的模板，心想改改文字图片不就完事了。结果传上去之后发现电脑上看着还行，手机打开全是错位，图片要么太大加载慢，要么小得看不清。

五个要命的关键点

第一点：死活要先想清楚网站干嘛用

我一开始光顾着找好看的模板，后来才发现朋友需要的是个能展示案例、留联系方式的小站。要是早点问明白，能省下一大半折腾时间。

• 先拿张纸把要放的内容列出来
• 想清楚主要给谁看（年轻人还是中年人）
• 准备够用的图片和文字素材

第二点：手机显示太重要了

现在人基本都是手机上网，我刚开始做的时候完全没考虑这点。后来测试发现用手机打开时导航栏挤成一团，文字小得要用放大镜看。

• 做完一定要用自己手机多看几遍
• 按钮要做得大点，方便手指点
• 图片别太大，不然流量耗不起

第三点：加载速度能急死人

我一开始放了好多高清大图，结果打开页面要等老半天。后来把图片压缩了又压缩，总算能正常打开了。

• 图片能压缩就压缩
• 别放太多花里胡哨的特效
• 选个靠谱点的服务器

第四点：内容排版得让人看着舒服

最开始我把所有内容都堆在首页，朋友看了直摇头。后来学着把重要信息放上面，次要的往下排，总算顺眼多了。

• 重要内容放显眼位置
• 段落之间留点空白
• 字体别用太奇怪的

第五点：联系方式必须一眼就能看到

这个最搞笑，我居然把电话放在页面最底下，朋友说客户哪有耐心翻到底。后来在每页都加了悬浮的联系按钮。

• 电话微信放在固定位置
• 多留几种联系方式
• 做个明显的“联系我们”按钮

折腾完的感想

前后折腾了差不多两个礼拜，改来改去十几遍。虽然做出来的网站不算多精美，但至少能用，朋友也挺满意。

最大的体会就是做网站不能光图好看，实用才是硬道理。下次再有人找我做网站，肯定先把这五点甩过去，能少走好多弯路。