今天捣鼓门户网站设计，上来先开设计软件瞎划拉。去年接过政府项目，知道领导就爱红金配色，这回故意换成蓝白色系试试水。

动手前的想法

掏出本子乱画几根线，想着顶部得堆一堆导航按钮：首页/新闻/服务/领导信箱。中间要个轮播图占地方，底下分三栏塞文字块。先拿公司官网练手，照着草图开始拖元素。

死磕导航栏

把导航条粘在页面最顶上，放完发现手机上看字全挤成芝麻粒。赶紧开调试模式，按住alt键往下拖分隔线。好不容易调出电脑手机上都能看的间距，同事探头过来问："这按钮点开怎么是空的？" 艹，光顾着摆位置忘了做跳转链接。

• 临时加了个假链接糊弄
• 测试时点了第八次才记住按钮顺序
• 把"领导信箱"调成刺眼红底白字

轮播图噩梦

从素材网扒了五张风景图做滚动展示。第一版手动写的代码，轮播到第三张突然卡成PPT。改成插件后更离谱——手机竖屏时图片膝盖以上全被截掉，领导打电话吼："上次视察的合影？只见着半排脑门！"

蹲机房改了三小时参数：

• 把固定高度改成百分比
• 加了个黑色半透明遮罩
• 文字调到遮罩上方才不糊

底部信息堆肥

按模板要求，在页脚挤了八行小字：备案号/联系方式/办公时间/监督电话/邮箱地址......塞完发现比轮播图还长。领导发来四十字单位全称，电脑显示直接换两行，手机上看像在刷rap歌词。

处理方式简单粗暴：直接把字号从16px砍到12px。鼠标移上去才显示完整信息，管他有没有人看得见。

折腾

所有板块调完间距已经凌晨两点，保存前手贱加了个动态背景。结果领导用十年前笔记本打开，整个页面加载了半分钟。第二天默默删了动画效果，换成静态浅蓝渐变。

交稿时老总指着底部问："这留白是不是能再加个公众号二维码？"

赶紧把"办公时间"挤到第二行，空出指甲盖大的地方。现在看这门户站跟十年前的区别，也就是按钮圆角大了两像素。早知道这么折腾，不如直接扒旧模板改——下次再有门户需求我想改名叫门神得了。