那天公司突然让我做个宣传官网，我整个人都懵了。啥叫网站开发？大学那点HTML早拌饭吃了。坐电脑前干瞪眼半小时，鼠标在桌面划拉来划拉去，只能硬着头皮抠搜着开干。

第一步：先抓瞎乱查资料

打开浏览器就是一通乱搜，什么"建网站教程""小白做网页"，结果跳出来满屏幕的广告。翻了三页才扒拉到点真东西——原来现在都用响应式设计。记本子上才明白：就是让网页在手机和电脑上都能看，字不会挤成一坨。

• 现学现卖：手机屏竖着时图片自动缩小
• 踩坑记录：电脑上看好好的表格，到手机上直接裂成八瓣

第二步：抓头发画草稿

扯张打印纸背面就开画。首页画个大轮播图，下面塞公司简介，右边戳个联系方式。画完怎么看都像路边小广告传单，橡皮擦都快磨穿了。后来偷摸参考了二十几个网站排版，才把导航栏挪到顶上，重点内容摆中间。

第三步：找现成工具开搞

听说有个叫啥原型工具的玩意儿，下个试用版折腾两小时，连个矩形框都没拖明白。气得直接开浏览器搜"在线做网页"，找了个能拖拉拽的网站。把画好的草稿怼进去，像拼乐高似的：

• 顶部拖个导航条模块
• 中间塞进图文组合框
• 底下糊个联系方式卡片

调颜色时犯选择困难症，蓝的紫的换来换去，直接抄了公司Logo色。

第四步：半夜修修补补

发给老板看说"手机显示有问题"。晚上九点开开发者工具，左边电脑版右边手机版同时调试。最要命的是联系方式表单，电脑上整齐三栏，到手机上全堆成俄罗斯方块。折腾到凌晨两点，发现得把三栏改成单列堆叠，输入框宽度设成100%，这才不挤了。

第五步：手抖点发布

确认三遍每个按钮都能点，所有图片都加载，闭着眼睛点了发布。结果第二天同事手机打开全是空白！抓狂检查发现免费版工具有流量限制，超了就崩。自掏腰包升级套餐才解决，气得午饭多啃俩鸡腿。

现在回看这破站，导航栏还是有点歪，手机滑动时偶尔卡顿。但老板说能用就行，反正比之前那个404页面强。这通折腾明白个道理：做网站就是不断踩坑填坑，下次让我搞，至少知道先测试手机端了！