昨天，我朋友在单位负责宣传的事，愁眉苦脸地打电话说：“帮个忙，我们单位那个网站看着跟街边小广告似的，得重新搞一个，要专业点儿。”我一口应下了，反正我这人最喜欢动手试试。

开整前先聊清楚

第一步，我跑单位跑了一圈，跟几个负责人聊了聊。他们单位是做教育的，我就问：“你们到底要网站干啥用？”他们说，“主要让大伙看看通知公告，还能查联系方式，别搞得太花里胡哨就行。”我记了一堆笔记，核心就是：首页要干净点，有新闻区和留言功能。

• 选配色：单位偏蓝调，看着稳重。
• 响应设计：手机上看也顺眼。
• 功能要求：后台别整太复杂。

聊完回家，我坐电脑前琢磨着：“行，就从布局开始干。”我在纸上涂涂画画，首页放大点图片，导航条弄简单些。

动手写页面

我先开个文本编辑器，新建个文件，写上基本框架。头疼的是样式兼容，试了几个浏览器，火狐上显示对劲儿，谷歌上颜色就跑偏。我就狂改代码，加了堆前缀，折腾俩小时才搞定。

• 加新闻区：写个区块放公告，点开能看详情。
• 联系方式：做个表格，点提交按钮能发邮件。

弄完静态页面，我又写点脚本来实现表单功能。测试发邮件，收件箱收到了试几回。

测试和上线

测试阶段，我借朋友手机电脑都试试。发现图片加载慢，我就压缩处理优化了一下。上传服务器，配好域名，单位网站就正式上线了。

整个过程磨蹭了四天，朋友看了笑开花说：“看着真专业，跟大公司似的！”我心头一松。

这让我想到去年我帮个小店做网站，他们老板临时改主意要加会员功能，又不肯加点钱，搞得好烦。还好这回单位提前聊透了，没扯皮。