做这行十五年，见过太多人拿着Dreamweaver（简称DW）想搞个大新闻，结果最后网站没开起来，头发先掉了一半。今天不整那些虚头巴脑的理论，就聊聊咱们普通人，甚至没怎么学过代码的小白，到底该怎么用DW搭个能卖货的电商网站。别觉得DW过时了，它就像那把用了十年的菜刀，虽然不如智能料理机方便，但切肉剁骨，手感还在。
先说个大实话：DW做电商，核心不是“写代码”，而是“排版”和“逻辑”。很多新手一上来就盯着HTML标签看，恨不得把每个div都抠得严丝合缝，结果页面加载慢得像蜗牛，手机上看还乱码。我有个客户，去年非要自己用DW从零写个卖茶叶的店，折腾了两个月，最后连个购物车功能都没弄明白，找我救火。
那具体该咋弄？咱们分几步走，虽然粗糙，但管用。
第一步，别急着动键盘，先想清楚你要卖啥。
DW只是个工具，就像你买砖头是为了盖房，不是为了把砖头供起来。你得先确定你的电商网站需要哪些基本板块：首页展示、商品列表、详情页、购物车、支付接口。别一上来就搞什么炫酷的3D动画，用户进店是来买东西的，不是来看魔术的。我那个卖茶叶的客户，一开始非要加个全屏视频背景，结果在4G网络下加载要十秒钟，客户早跑了。记住，速度就是金钱。
第二步，建立清晰的文件夹结构，这是救命的习惯。
很多小白把图片、CSS、JS全扔在一个文件夹里，改天找张图能找半天。你得建个根目录，里面分images（放图片）、css（放样式）、js（放脚本）、html（放页面）。哪怕你只做一个页面，也要这么干。这就像你收拾房间，衣服归衣服，书归书，乱糟糟的肯定找不到东西。我在带徒弟的时候，第一件事就是检查他们的文件夹，乱的一律打回重做。
第三步，利用DW的“代码视图”和“设计视图”切换，别死磕代码。
DW最大的优势就是可视化。你直接在“设计视图”里拖拽元素，调整位置，就像做PPT一样简单。等你觉得差不多了，再切到“代码视图”看看生成的HTML长啥样，学习一下人家是怎么写的。别怕看代码，看不懂的就复制粘贴，改改参数试试。比如你想让图片居中，就在代码里加个align="center"，或者用CSS的margin: 0 auto。这种试错的过程，才是你真正学会DW的关键。
第四步，嵌入电商功能，别自己造轮子。
DW本身不支持数据库和后台管理，这是它的短板。所以，别想着用DW写一个完整的电商系统，那是痴人说梦。你要做的是前端展示，后端用现成的。比如，你可以把DW做好的静态页面，导入到WordPress、Shopify或者国内的有赞、微盟等平台。或者，使用DW配合一些简单的PHP脚本，调用第三方支付接口。我见过最聪明的做法，是用DW做好精美的商品详情页，然后嵌入一个第三方的购买链接或小程序码。这样既保留了DW的排版优势，又解决了支付和库存管理的难题。
最后，测试，测试，再测试。
网站做好了，别急着上线。拿不同品牌的手机、电脑，甚至用IE浏览器（虽然它快死了，但总有人用）打开看看。图片会不会变形？按钮能不能点？支付流程顺不顺畅？我有个客户，上线后才发现，他的“立即购买”按钮在iPhone上被遮挡了，损失了至少三成订单。这种低级错误，在DW里调整一下CSS就能解决，但代价是巨大的。
总之，DW怎么做电商网站？答案不是“用DW写代码”，而是“用DW做前端，用其他工具做后端”。别把工具当神，它只是你手中的笔。写得好不好，取决于你脑子里的想法和手上的功夫。别追求完美，先求能用，再求好用。在这个快节奏的时代，能卖出货的网站，才是好网站。
