开始接活儿

朋友老张的公司想弄个正经官网，听说我懂点这个，直接找上门了。

第一步就是搞清楚他要我俩蹲他办公室喝了三壶茶，他一会儿说要能卖货，一会儿又说要放公司文化视频，拍板：先整个展示公司形象、能收集客户信息的门脸儿就行。

我掏出小本本记下：公司介绍、产品展示、新闻动态、联系表单，就这几样。心想着这需求还算靠谱。

动手折腾

1. 画图纸

回家打开笔记本，先瞎画了几张草稿：首页长啥样？产品页咋摆？联系方式搁哪儿？涂涂改改一晚上，勉强画出个能看懂的结构图。

• 首页顶上：大图配公司口号
• 中间堆几块：公司简介剪短版、热门产品
• 底下塞个：联系表单加地址电话

2. 搞装修

配色真是头疼。老张公司做机械的，非要整大红色，说吉利。我跟他说：“你这红彤彤像过年贴对联，客户点进来不得晃瞎眼？”各退一步，暗红配灰，看着稳重多了。字体也选了最普通的黑体，就怕客户电脑里没有。

3. 搭框架

懒得从头敲代码，直接扒拉了个现成基础模板。然后像拼积木一样：

先砌出导航栏，把“首页/产品/关于我们”几个按钮粘上去；接着往首页填内容区块，标题、文字、图片框安排专门做了个产品展示页，每张产品图底下塞个“点击看详情”的小按钮。

4. 搞后台

客户留言总不能发我邮箱？用最笨的办法：自己写了段收集表单。访客填的名字电话全塞进数据库，后台登录就能看见，比纸笔方便多了。测试时给自己连发二十条假信息，确认没漏网之鱼才放心。

收尾踩坑

测试就像捉虫游戏。用手机划拉页面，发现产品图挤成一团，赶紧调成两排变一排；在破电脑上打开网页慢得像老牛拉车，把图片全压成豆腐干大小。最搞笑的是表单提交按钮，点完没反应，查了半天发现少写个符号，气得我捶键盘。

上线那天闹乌龙。域名备案拖了一周，老张急得跳脚。服务器刚搭上传完所有文件，美滋滋打开浏览器输入网址——网页显示一片白！ 脑门瞬间冒汗，检查半天才发现文件路径写串了层文件夹，虚惊一场。

突然发现

网站跑顺溜后，老张乐呵呵地请我吃饭。结账时他掏出手机：“咱官网真方便，你看客户留的信息...”话没说完脸就绿了——最近三天的留言全没收到。 我筷子一扔冲回家，发现是他贪便宜买的服务器流量爆了...只能捏着鼻子帮他升级套餐。做网站不难，伺候甲方才是真功夫。