DreamWeaver的功能介绍
DreamWeaver的功能介绍可以先从代码与设计双视图讲起：在软件里新建站点和文档后，用「设计」视图拖放页面元素，用「代码」视图手写 HTML、CSS、JavaScript，再用「实时」视图核对效果。它的定位是可视化网页编辑器兼代码编辑器，功能覆盖建站到发布的基本流程。下面按使用顺序拆开说明。
- 新建站点
打开 DreamWeaver 后先建立站点，站点用来把本地文件夹和远程服务器对应起来。在站点管理里填写本地站点文件夹和服务器信息，之后新建的网页文件都保存在这个文件夹内，站点根目录不要随意改名。 - 双视图编辑
在文档窗口切换「代码」「拆分」「设计」视图。设计视图适合摆放文字、图片、表格和表单控件；代码视图适合直接写标签和样式；拆分视图可以边改代码边看效果。具体视图切换按钮的位置，可以在「查看」相关菜单里核对。 - 样式与模板
用 CSS 面板为页面元素设置字体、颜色、边距、布局；如果多个页面共用页头页尾，可以制作模板并设置可编辑区域，之后套用模板统一改版。模板和 CSS 具体的入口名称，以你当前版本的面板标题为准。 - 资源和链接
用「文件」面板管理站点里的图片、样式表、脚本等资源，插入链接和图像时优先从面板拖放，避免出现路径错误。检查链接可以用链接检查相关命令，确认没有断链后再上传。 - 预览与上传
编辑完成后先在浏览器里实时预览，确认布局和交互正常，再通过站点管理里的上传功能把文件传到服务器。上传前留意文件名大小写和中文命名，服务器上区分大小写的环境容易出问题。
软件页面：Dreamweaver。