今儿跟大伙唠唠我捣鼓网站的实战记录。事儿是这么来的：去年帮小舅子整了个奶茶加盟店，他那破宣传单页跟狗啃似的，顾客扫码进去就一个孤零零的电话号码。我心说不行，得整个正经网站撑撑场面。

开头抓瞎阶段

起先真是俩眼一抹黑。我就知道网站是浏览器里能打开的东西，具体咋整完全抓瞎。硬着头皮打开电脑搜“怎么建网站”，弹出来一堆花里胡哨的平台广告。挨个点进去看，不是要充会员就是要绑定银行卡，吓得我赶紧关了浏览器。

土办法起步

后来琢磨着最笨的法子最靠谱。掏出笔记本开始画草稿：顶头放奶茶店招牌，中间塞产品图，最底下糊上地址电话。画完拿手机对着门店招牌拍了几张，蹲马路牙子上用修图软件抠图，折腾到半夜才存出个透明背景的logo。

接着打开记事本就开始瞎敲：

• 第一行写标题
• 第二行插刚抠的图
• 第三行整了行加粗的红字写“买一送一”

存成*双击打开——嚯！居然真在浏览器里显示出来了！就是文字挤作一团，图片大得占了半屏幕。

死磕排版

急眼翻出二十年前的网页教程电子书，照着抄代码：

把这段塞记事本里反复调试，光改图片尺寸就折腾了七八遍，不是太小就是模糊。干脆用手机量实体招牌尺寸，按比例换算成像素值才顺眼。

配色翻车实录

想给页面加个奶茶色背景，结果调色板里输入“奶茶色”出来三四十种选择。随便挑了个米黄色，一保存——好家伙，字全看不见了！蹲在门店玻璃窗前举手机对比，把壁纸颜色、菜单底色、店员围裙全拍下来，回家对着屏幕逐个取色，用了围裙的浅咖啡色当背景。

手机适配大作战

正嘚瑟，拿老婆手机打开网站直接崩了：图片跑到屏幕外，字小得要用放大镜看。气得把教程书摔桌上又捡回来，在里加了行：

还是不行！把页面里所有宽度单位从px改成%，抱着三台不同尺寸手机测试到凌晨三点。

传上网闹笑话
以为万事俱备，花五十块买了空间和域名。上传完得意洋洋发家族群，结果小姨子秒回：“哥你这网址打开是白板！”急得我把咖啡泼键盘上，擦干净后发现原来*文件传错文件夹了...
折腾一个月终于上线后：

店里二维码换成网站链接
菜单价目表随时网上更新
顾客能直接看到新品海报

上周小舅子跟我说，现在年轻人进店前都先刷他网站看新品，比发传单管用多了。

补个后续：前天这小子又提新要求：“哥再加个下单功能呗？”我直接把电脑包甩给他：“要么你自己学写代码，要么老实接电话订单！”