上回接了个给老家发小做企业官网的活儿，这哥们厂子刚起步，预算卡得死紧。好嘛硬着头皮自己上呗！折腾了大半个月，踩坑踩成筛子，今天把骨头缝里的经验都掏出来唠唠。

第一步：抄家伙前先磨刀

上来就想敲代码？踩坑预备队员就是你！我连夜查资料，掏出本子画草图：厂子主要卖客户最关心啥信息？联系方式塞哪儿？跟发小蹲厂房门口抽了两包烟才捋清楚。重点就仨：产品展示、工厂实力、联系方式！

• 产品页：手机拍的原图根本没法看，紧急抓了台单反去车间怼着机器拍。
• 工厂介绍：视频让剪辑学徒拿剪映糊了个宣传片，字幕哐哐往上砸。
• 老板联系方式：专门注册了新号，免得半夜被咨询电话轰醒。

第二步：新手村选装备

听说要写代码就腿软？我也慌！朋友推荐了个拖拽式建站工具（名字不说了省得广告），界面跟PPT似的。注册完傻眼：免费版带人家logo，升级要两千多！转头就换了个按年收费的，选模板时差点挑花眼，选了最像五金厂气质的蓝灰配色——毕竟机床厂总不能整个粉的？

第三步：拼积木式搭框架

鼠标拽着模块到处扔：导航栏堆上"首页、产品、工厂、联系"，首页顶部先塞那个魔性宣传片。产品分类页折腾最久：分类名称改了三遍，从"重型/轻型"改成"大机器/小机器"——毕竟客户可能真分不清液压机和冲压机。最下方一定要留的"友情提示"：产品价格浮动大，下单前务必打电话！！

第四步：往骨架填血肉

传图时心态崩过：产品细节图大于5MB直接卡死！用某聊天工具自带的"缩小图片"功能批量压到300KB（电脑自带的画图工具也能救急）。文案更痛苦！憋了一下午写出"本机床采用尖端淬火工艺"，发小拍桌狂笑："说人话！"改成："这机器贼扛造，24小时哐哐干不散架！"

• 致命细节：手机号加空格！写成188 8888 8888，防爬虫贼有效。
• 老板大头照别忘裁：原图背景还有晾衣架。

第五步：缝缝补补测bug

电脑上看完美，掏出老安卓机一瞅：导航栏挤成一坨麻花！赶紧用工具自带的"手机视图"调按钮大小。又逼亲戚们测试：二舅用苹果打开视频没声，原来浏览器自动静音；表妹吐槽表单留言不跳转，少勾了个提交成功设置！测试费结了三顿烧烤。

第六步：临门一脚上线

绑定域名时手抖：填错字母多等两天！找平台客服催解析比拜佛还虔诚。上线前夜突然想到备份，导出整站压缩包时手滑关机……得，重做了一遍产品分类页。现在每天检查两遍：产品没标错价？老板电话没被打爆？

搞完发现最大的坑是：发小三天两头要改电话！因为他总忘带业务手机……