今天想聊聊我用DW鼓捣公司网站改版的事儿。本来以为随便整整就行，结果折腾了大半天，美工妹子居然夸高级，可把我嘚瑟坏了。

动手前的准备

早上打开电脑，先把老板给的宣传册PDF扔桌面。想着得参考人家印刷品的排版逻辑，总不能网页做得比传单还寒碜？翻了几页，重点就盯在“核心业务”和“成功案例”这两个板块。

• 第一步：用截图工具把宣传册配色方案扒拉下来，主要就深灰+藏青+金三个色
• 第二步：翻出压箱底的素材包，结果发现矢量图标缺了好几个
• 第三步：骂骂咧咧打开设计网站现扒了套商务风图标

实操踩坑实录

打开DW新建站点时手滑选错根目录，页面布局直接崩了。气得我猛灌两口咖啡，删了重建才搞定。

• 导航栏折腾最久：原版挤了八个菜单项，看得眼晕。我大刀阔斧砍到五个，公司LOGO右侧留白加了动态搜索框
• 业务展示页突发奇想：把宣传册里的齿轮图标做成悬停旋转特效，CSS调转速调到眼花了才正常
• 客户案例部分最崩溃：行政给的客户LOGO全是手机拍的歪斜照片，用DW自带的图像优化工具修了半天才敢放上去

收尾时神来之笔

搞到下午三点发现致命伤：手机预览时图片全堆在一起。赶紧在属性面板勾选“流体网格布局”，把元素宽度全改成百分比。测试时手指在屏幕上划拉半天，确认每个按钮都能戳中才放心。

随手在页脚加了动态日期显示，公司地址文字底下划了道细细的金线。正收拾东西下班，隔壁美工组小妹探头问：“这新站谁做的？高级感拉满！” 我憋着笑关电脑，深藏功与名。