今天想聊聊给泉州企业做网站的事，上个月接了个本地小公司的活儿，从零开始折腾了个官网，过程还挺有意思的。

先摸清楚老板想要啥

见面聊了两次，老板说就想做个能展示产品、留联系方式、看起来靠谱的网站。我拿本子记了一堆需求，核心就三点：页面别太花哨、产品能分类展示、手机电脑都能正常看。回去路上顺道拍了些街边同行的网站照片，发现不少企业站连手机版都错位，心里大概有数了。

从画草图开始折腾

当晚就摊开素描本画布局，首页画了五六个版本。定下来顶部放导航栏，中间轮播大图展示主打产品，底下分三栏介绍公司优势。产品页直接用网格排列，点进去能看大图加文字说明。画完扫描成图片发微信群里，老板圈了两处说“这里加个联系电话浮窗”，其他一次过。

• 踩坑记录：最初用专业设计软件画太复杂，改起来费劲，后来发现还不如纸上画快；
• 偷懒技巧：直接找了些模板参考配色，泉州企业喜欢红金配，但最终选了蓝白系显得清爽。

撸起袖子写代码

开工直接打开编辑器，先写HTML搭骨架。导航栏、横幅图、产品卡片这些一块块堆出来，接着写CSS调样式。字体大小改了三四遍，老板总说“字再大点，客户年纪大”。最头疼的是做响应式，用媒体查询调了一下午，手机上看总有个图片被压扁，把像素单位换成百分比才解决。

后台用了最基础的PHP，产品数据存MySQL。建表时手滑把电话字段设成int类型，测试时发现带区号的号码存不进去，赶紧改成varchar。上传功能最开始没做大小限制，客户传了张50M的图片直接把服务器卡死，后来加了个压缩判断才踏实。

测试环节鸡飞狗跳

让公司员工用不同手机试，发现老款华为手机打开页面会闪屏，排查发现是CSS动画兼容问题，删掉就正常了。老板亲自测试时疯狂点击提交按钮，导致同一时间生成十几条重复留言，后来加了防重复提交的代码。最搞笑的是网站上线后，老板说“怎么百度搜不到”，解释了半天要做SEO优化不是立马见效的事。

现在回头看整个过程

企业站最难的不是技术，是怎么让不懂技术的人觉得好用。下次再做可能会先弄个可点击的演示原型给客户看，比干讲效果强得多。最近发现泉州不少传统企业开始想做小程序了，下回试试把网站和小程序打通，估计又有新坑要踩。