朋友扔来个任务

昨晚正刷手机，微信突然叮咚一响。发小发来消息：“兄弟！下个月办婚礼，帮整个简单好看的网页呗？就放点照片信息啥的，给亲戚朋友看！” 我一拍大腿，得，周末安排上了。

开始瞎琢磨

先得搞清楚人家要我直接电话甩过去问：要放哪些玩意儿？结果他掰着手指头数：婚纱照五六张、酒店地址时间、恋爱故事小作文、再搞个留言板让大伙儿送祝福……嚯，听着简单，细琢磨还挺碎。

• 照片得挑顺眼的，压缩好别卡死
• 场地地图得整明白，谁都不想找错地儿
• 留言板？这玩意儿还得存数据

电脑一开，头大一半

找了个免费空间扔网页先，名字就叫“xx和xx的小窝”。接着打开编辑器，盯着空白屏幕发愣——从哪下手？算了，先画个框框！

搞了个最土的大标题“我们结婚！”，选了粉不拉叽的底色，配上白色字。自己瞅了眼，啧，像超市打折海报。赶紧换成米白色打底，字用暗红色，立马顺眼多了。

照片墙折腾记

把发小传的婚纱照塞进文件夹。新建了个div，开始码照片。第一版傻了唧横着排，结果五张图并排挤成条咸鱼。得，改成自动换行！宽度全设33%，手机一刷——好家伙，图全挤成麻将牌了！连夜翻教程，给div套了个@media查询，手机屏就自动变单列，总算不乱了。

酒店地址差点整疯我

想着得让亲戚找着地儿，扒拉了高德地图的嵌入代码。复制粘贴完一看，好么，占了半扇屏！调height属性折腾半小时，缩到巴掌大刚合适。在酒店名旁边加了个日历小图标，底下用加粗标红写上“5月20号下午5点20”，生怕有人看漏。

撒狗粮差点翻车

发小写了八百字恋爱小作文，我建了个浅灰底色的区域。一预览——白底灰框配小字，跟病危通知书似的！赶紧换成淡粉色，行距拉到1.8倍，两端对齐。顺手在开头加了两个小头像飘爱心，这才有点甜腻味儿。

留言板成了无底洞

本想糊弄个纯前端留言板，一想这不扯淡吗？没后台存个屁！咬牙翻出吃灰的云数据库文档。照着例子吭哧吭哧写接口：前端用ajax把名字留言甩过去，后端接住往数据库里怼。测试时手抖输了个“测试123”，结果真刷出来了，乐得我差点从椅子上翻下去。

修修补补

临交差总觉着少点在顶上加了动态花瓣背景，鼠标一点哗哗掉；页面底部用十几种字体试签名，定了手写体英文，看着像那么回事儿。手机反复刷了二十遍，确认不会卡崩才打包扔给发小。

刚他打电话过来，背景音吵得要命：“牛逼！我丈母娘刚刷完，说比请柬好看十倍！” 我这边摸着发烫的电脑，心想——得，下回谁结婚可别找我了，这花瓣特效掉得我显卡都快炸了！