很多刚接触前端的朋友，手里攥着一堆HTML代码，却不知道怎么在本地跑起来，更别提用Dreamweaver（DW）预览了。这篇内容不整虚的，直接告诉你怎么把静态代码变成能双击打开的网页，以及DW里那些让人头大的配置问题。
首先，你得明白一个核心逻辑：DW只是个编辑器，它不生产网页，它只是代码的搬运工。所谓的“做成网页”，本质上是把你的文本文件保存为.html或.htm格式，然后让浏览器去解析它。别被那些复杂的服务器配置吓住，对于静态页面，本地预览足矣。
第一步，新建文件。打开DW，点击左上角的“文件”->“新建”，在弹出的窗口里，文档类型选“HTML”，布局选“无”，点击创建。这时候你会看到一个白色的画布，中间写着“在此处键入内容”。别急着打字，先把你的代码复制进去。注意，如果你的代码是完整的，包括、
、标签，那就全选覆盖；如果只是片段，那就贴到里面。这里有个坑，很多人代码里有中文，保存时编码选错了，打开全是乱码。在DW右下角的状态栏，或者“修改”->“页面属性”里，把编码强制改成“UTF-8”，这是目前最通用的标准，能避免90%的乱码问题。接下来是保存。这是最关键的一步，也是新手最容易翻车的地方。点击“文件”->“另存为”，文件名一定要以.html结尾，比如index.html。很多人喜欢存成.txt或者.html.txt，结果双击打开还是记事本，或者浏览器报错。保存路径最好选在D盘或E盘的一个专门文件夹里，别放桌面，别放C盘，避免权限问题导致保存失败。
保存完后，怎么预览？DW里有个“实时视图”标签，就在代码编辑区的下方。点击它，你就能直接看到渲染后的效果。这比去浏览器里刷新快多了。但是，实时视图有时候会抽风，特别是涉及CSS样式或者JavaScript的时候，显示不全或者样式错乱。这时候，别慌，按F12键，或者点击DW顶部工具栏里的“在浏览器中预览”图标（通常是个小地球或者浏览器图标）。DW会调用你默认的系统浏览器打开这个文件。如果默认浏览器不是Chrome，你可以在“编辑”->“首选参数”->“类别”->“常规”里，把默认HTML浏览器改成Chrome或Edge，这样预览更准确，调试也方便。
这里再提一个真实的价格和工具选择问题。很多人问，要不要买DW？说实话，现在Adobe全家桶越来越贵，而且DW对现代前端框架支持一般。如果你只是做简单的静态页，DW够用。但如果你要搞Vue、React，或者用VS Code写代码，那DW真的可以退役了。不过，既然你问的是dw怎么把代码做成网页，说明你可能还在用传统方式，或者学校/公司还在用这个老家伙。那就安心用，它稳定，不卡，适合小白入门理解DOM结构。
还有一个常见的坑，就是相对路径和绝对路径。如果你的网页里引用了图片、CSS或JS文件，路径一定要写对。比如图片在images文件夹里，代码里应该是
。如果你在DW里直接拖拽图片进去，它会自动生成相对路径，这很好。但如果你手动改代码，手滑多打或少打一个斜杠，图片就裂开了。调试的时候，右键点击图片选“在新标签页中打开”，看看地址栏的路径对不对，这是最快的排查方法。
最后，发布上线。本地能看了，不代表能给别人看。你要把文件上传到服务器。DW里有个“站点”->“管理站点”，你可以配置FTP信息，然后直接拖拽文件上传。但要注意，上传前把DW生成的.svn或.idea等隐藏文件夹删掉，不然服务器可能会报错，或者暴露你的项目结构。
总之，dw怎么把代码做成网页，核心就是：写好代码，存为html，UTF-8编码，浏览器预览。别想太复杂，动手试一次，你就懂了。记住，代码是写给人看的，顺便给机器执行，所以整洁、规范比炫技更重要。
