1. 先了解界面分区
   打开 Dreamweaver 后，先认三块区域：上方菜单和文档工具栏、中间编辑区、右侧面板组。编辑区通常有「代码」「拆分」「设计」三个视图按钮，菜鸟阶段常用「拆分」，左看代码右看效果。右侧面板组里能找到「文件」面板，用来管理站点里的文件和文件夹。不同版本面板名字可能略有差别，到「窗口」菜单里核对一下是否勾选了「文件」等常用面板即可。
2. 用「站点」菜单新建站点
   点击顶部「站点」菜单，选择「新建站点」，在弹出的对话框里填写站点名称，再把「本地站点文件夹」指向电脑上已经建好或想用来放网页的文件夹。站点名称只是给自己看的标识，真正决定文件存在哪里的是本地站点文件夹这一项，务必选一个自己找得到的位置。设置完成后保存，右侧「文件」面板就会显示这个文件夹的内容，之后新建的网页都会默认保存在这里。
3. 新建 HTML 文档并保存
   到「文件」菜单选择「新建」，在文档类型里选「HTML」，点创建，编辑区会出现一个空白网页。接着用「文件」菜单里的「保存」命令，把它存到刚才定义的站点文件夹里，文件名用英文或拼音加 .html 后缀，比如 index.html 或 mypage.html，避免用空格和特殊符号。菜鸟阶段建议先存盘再写内容，这样后续预览时不容易找不到文件。
4. 在拆分视图里写第一段内容
   把视图切到「拆分」，在代码区找到 和 之间，输入一段标题或文字，比如用

   写一个标题、用

   写一段正文。输入时右侧设计区会同步显示效果，方便对照。需要插入图片时，可以到「插入」菜单里找「图像」相关命令，按提示选择站点文件夹里的图片文件，路径尽量用相对路径，不要填成电脑桌面的绝对路径，否则换台电脑就显示不出来。

5. 用「文件」菜单的预览核对效果
   内容写好并保存后，到「文件」菜单里找「在浏览器中预览」相关命令，选择系统里已安装的浏览器打开页面。如果菜单里没有看到浏览器选项，可以到「编辑」菜单的「首选参数」里找到预览相关设置，把要用的浏览器加进去。预览时重点核对两件事：文字和图片有没有正常显示、链接点开是不是跳到正确的文件。这一步是菜鸟最容易忽略的，每次改完代码都先保存再预览，能省下很多排查时间。

软件页面：Dreamweaver。