Dreamweaver2018是常用的网页开发工具，很多用户编写完html文件后不知道如何运行查看效果，其实dw2018内置了多种运行html的方式，适配不同的开发场景。
方法一：直接实时预览html文件
这是最基础的运行方式，适合纯静态html页面的快速查看，不需要额外配置环境。
操作步骤
- 打开dw2018，点击顶部菜单栏的文件选项，选择打开，找到你要运行的html文件并导入到软件中
- 确认文件内容无误后，点击顶部菜单栏的实时视图按钮，软件会直接在当前窗口展示html页面的渲染效果
- 如果需要用系统默认浏览器打开，可以点击实时视图旁边的下拉箭头，选择在浏览器中预览，再选择对应的浏览器即可
这种方式下修改html代码后，实时视图会自动更新效果，方便快速调试页面样式。
方法二：配置本地服务器运行html
如果你的html页面包含PHP、ASP等后端交互代码，或者需要调用本地接口，就需要配置本地服务器来运行。
配置步骤
- 点击顶部菜单栏的站点选项，选择新建站点，给站点起一个名称，设置本地站点文件夹为你的html文件所在目录
- 切换到服务器选项卡，点击添加新服务器按钮，连接类型选择本地/网络
- 服务器文件夹选择你的html文件所在目录，Web URL设置为本地服务器地址，比如
http://127.0.0.1/，点击保存 - 回到主界面，选中要运行的html文件，点击在浏览器中预览，选择配置好的服务器对应的浏览器选项即可
常见问题及解决办法
| 问题现象 | 解决办法 |
|---|---|
| 点击实时视图无反应 | 检查html文件是否有语法错误，比如标签未闭合，修复后重新尝试 |
| 用浏览器打开后样式丢失 | 检查css文件的引用路径是否正确，建议使用相对路径引用静态资源 |
| 本地服务器运行提示404 | 检查服务器配置的文件夹路径是否和html文件实际路径一致，确认Web URL填写正确 |
代码示例参考
以下是一个简单的html文件示例，你可以按照上述步骤运行查看效果：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>dw2018运行测试页面</title>
<style>
.content {
width: 800px;
margin: 50px auto;
text-align: center;
}
</style>
</head>
<body>
<div class="content">
<h1>这是dw2018运行的html页面</h1>
<p>如果你能看到这个内容，说明运行成功</p>
</div>
</body>
</html>