很多老板花了几千块做个手机站，结果打开全是乱码或者加载慢得像蜗牛，这钱花得真憋屈。今天我就把压箱底的经验掏出来，告诉你怎么用最少的钱，搞定一个真正能用的移动端页面。这篇东西不讲虚头巴脑的理论，只讲怎么让你少踩坑，多赚钱。

说实话，干建站这行十一年了，我见过太多人拿着Dreamweaver（简称DW）当宝贝，以为拖拖拽拽就能搞定一切。但我必须说句得罪人的话：如果你还指望靠DW建设手机网站来应对现在的移动互联网流量，那基本是在浪费生命。不是DW不好，是时代变了。现在的用户没耐心等你的页面加载，更没耐心看那些在手机上变形、错位的布局。

我记得前年有个做建材的老哥，非要自己用DW搞个手机站，说是省钱。结果呢？页面在iPhone上文字重叠，在安卓上图片拉伸得像个胖企鹅。他急得半夜给我打电话，声音都在抖。我帮他看了半天，发现他还在用表格布局（Table Layout），这在PC时代是经典，在移动时代就是灾难。最后没办法，我帮他重构了代码，虽然只改了几个关键部分，但加载速度提升了一倍，转化率直接涨了20%。这就是真实案例，血淋淋的教训。

所以，如果你非要执着于DW建设手机网站，或者正在考虑这条路，请务必听好下面这几步，能救你的命。

第一步，彻底放弃表格布局，拥抱响应式设计思维。哪怕你不懂CSS3，也得学会用媒体查询（Media Queries）。在DW里，别再去画那个死板的表格了，去写CSS。把页面分成几个大的区块，比如头部、导航、内容区、底部。每个区块都要设置百分比宽度，而不是固定的像素值。这样不管屏幕多大，它都能自动适应。

第二步，图片必须做优化和适配。很多新手直接在DW里插入原图，手机流量党看一眼就跑了。你要学会用CSS控制图片的最大宽度为100%，高度自动。同时，准备两套图片，一套高清给电脑看，一套压缩过的给手机看。虽然DW本身处理图片不如专业软件，但你可以借助外部工具处理好再导入，然后在DW里引用。

第三步，字体和按钮要“大”。手机屏幕小，手指粗。你在DW里设置的12px字体，在手机上看简直像蚂蚁。至少把正文调到16px以上，按钮的高度至少44px，方便用户点击。别心疼那点屏幕空间，用户体验比你的设计美感重要一万倍。

第四步，测试，测试，再测试。别只在你的电脑上预览。把代码上传到测试服务器，或者直接用DW的实时视图，然后用手机浏览器打开。你会发现很多在电脑上看不出的问题，比如链接点击没反应，或者弹窗遮挡了内容。这时候再回去DW里微调，比上线后改代码要轻松得多。

其实，我也理解大家想用DW建设手机网站的心情，毕竟上手快，可视化强。但你要明白，现在的SEO算法和用户习惯，早就对这种老旧技术不友好了。百度更喜欢那些加载快、体验好、代码规范的页面。如果你只是为了做个简单的展示页，DW凑合能用；但如果你想靠手机网站获客，我建议你考虑更现代的框架，或者至少把DW作为辅助工具，核心代码要手写，要规范。

别觉得我说话难听，我是真心想帮你省钱、省时间。建站不是画画，是工程。每一个像素的调整，每一行代码的优化，都直接关系到你的客户能不能顺畅地找到你。希望这篇经验之谈，能帮你少走弯路。记住，技术是死的，人是活的，别被工具绑架了思维。