我想着自己开个小公司，总得有个像样的网站？外面找人设计报价老高了，动不动就上万块，我一合计，太费钱，不如自己动手试试看。说干就干，就从客厅开始整活儿。

准备阶段

先翻了翻笔记本，记了点想法：公司做啥的？卖啥产品？我得让人一眼看懂。上网搜了下别人家的网站，全是花花绿绿的，看了半天，头都晕了。决定就从最简单的结构搞起，分成主页、产品介绍、联系方式几块。

工具这块，不用花钱的，找了个免费网站搭建平台。注册账号，一顿乱点，什么账号密码都搞定了。接着选模板，看了一圈，眼花缭乱，选了个蓝色系的，看着清爽点。拖来拖去，总算把首页弄得有点人样。

• 主页内容：放公司名字和宣传语，写来写去都觉得不顺口，干脆抄了同行的一句词，先凑合。
• 产品页面：拍产品照片，光线太差，拍出来黑乎乎的。重新在阳台上折腾，摆了老半天才清楚点儿。
• 联系方式：填电话号码和邮箱，怕客户烦我，还加了个在线留言框，简单设置下自动回复。

动手设计和编码

设计这块，开始瞎整。蓝色调加黄色图标，结果看着像垃圾桶配色，朋友笑我说像儿童画。硬着头皮改，换成了灰色加白色，加个公司 logo，logo 是从网上找的免费图，自己用软件改了下尺寸。文字部分，我吭哧吭哧写文案，一会儿太长一会儿太短，删删减减半天才搞妥。

编码倒不算难，就是拖拽工具，把块块拼一起。想加个动态效果，结果搞砸了，页面跳得乱七八糟。研究了一下教程，总算知道怎么用 hover 功能了，鼠标一放上去，文字变色，看着有点专业范儿。

• 主页调整：加了个背景图，选了个风景照，放大后却模糊不清，重新找图换了好几轮。
• 产品更新：产品描述太干巴，改成轻松点儿的语言，像“买了包你爽”这种。
• 留言功能：测试时老出错，点了没反应。仔细查设置，发现漏了邮箱验证，搞定了才通上。

测试和上线

基本弄好后，我喊家里人试看。老妈说加载慢得像蜗牛，我自己用手机测，果然卡得要命。查原因，发现图片太大，压小了才快起来。再试试不同浏览器，浏览器 A 显示完美，浏览器 B 错位了，又调整布局，磨叽了半天总算对齐。

正式上线前一晚，检查来检查去，怕漏东西。点发布按钮，手心都出汗了。网站一上线，马上转发朋友圈，大家点赞的不少，但有人说联系方式错了，电话号码少了一位数！赶紧撤回修改，重发一遍，这才弄

效果还行，看着不差，但回想起来，累个半死。学到的教训：自己搞网站省钱，但费时间还容易出错。这事还害我错过了女儿的演出，老婆说我不着家，为此大吵一架，女儿都哭鼻子了。现在想想，要是早点找别人弄，家庭矛盾也少点。不过搞定了就踏实，下次再升级，反正网站能用就行。