今天本来想偷懒刷会剧，结果瞅见群里有人问网页设计的事。想着之前折腾的案例还热乎着，干脆写出来算了。你们可别笑我土，我搞代码向来是能用就行派的。
第一步：打开编辑器就懵逼了
大清早从被窝里弹起来，冲了杯速溶咖啡就开始干。习惯性点开平时用的编辑器插件，结果弹出个鲜红的报错框，吓得我手抖差点把咖啡泼键盘上。去年存的模板死活加载不出来，估计是插件更新给整废了。得，只能打开最原始的那个记事本，纯手敲！
第二步：东拼西凑找素材
翻着三个月前的硬盘找设计图，愣是只扒拉出半张截图。另外半截？早被我清理内存时当垃圾删了！只能照记忆硬着头皮还原：
- 导航栏按钮大概四个
- 背景好像是灰蓝色
- 标题用的微软雅黑……还是宋体？
鬼知道当时怎么想的，现在连字体都得重新试。
第三步：被CSS按在地上摩擦
写到导航栏布局就卡壳了，用Flex布局，某个按钮死活不跟队伍走；换float写法又叠成俄罗斯方块。来回改了二十遍，气得我猛捶三次回车：
.button {
左边距：15px / 好像不对 /
右浮动：？ / 这里该填 /
干脆拆成表格来凑合，管他什么响应式，先摆整齐再说！
第四步：凌晨三点的惊喜
好不容易把文字图片都怼上去了，在自家电脑看着挺周正。发给朋友显摆，人家甩来张截图——整个页面歪成比萨斜塔！原来他用的浏览器跟我差两个版本。赶紧爬起来改兼容，硬是给每个样式都加上：
- -webkit- 前缀
- -moz- 前缀
- ！important保命符
改完天都蒙蒙亮了。
直接躺平
你们现在看到的这个案例，还是半成品。动态效果全砍了，轮播图？不存在的！高级交互？下辈子！代码里起码有八处标着“有空再改”的注释。不过说真的，对于刚入门的伙计们，能完整跑起来就算胜利。喏，最终方案就两招：
- 能用表格绝不用DIV
- 写不动了就疯狂截图
别学那些花里胡哨的，功能跑通再谈优化。对了，写完才发现：标题说的“完整代码”根本就没放出来，全篇只有截图和改表格的血泪史……（手动狗头）
