使用 dreamweaver 制作 html 页面
使用 dreamweaver 制作 html 页面,核心是先新建 HTML 文档,再在代码视图或设计视图里写标签和内容,最后保存为 .html 文件。菜单名称在不同版本里可能略有差异,找不到时以你界面上显示的选项为准。
- 新建 HTML 文档
打开 Dreamweaver,在起始页或「文件」菜单里选择「新建」,在弹出的对话框中选择「HTML」类型,确认后点「创建」。这样会得到一个空白 HTML 文档,代码视图里能看到基础结构标签。若起始页没有新建入口,就到「文件」菜单里核对「新建」这一项。 - 切换代码视图或设计视图
文档打开后,用窗口顶部的「代码」「拆分」「设计」按钮切换查看方式。想手写标签就选「代码」;想边看效果边改就选「拆分」;只想看排版效果就选「设计」。按钮位置各版本可能不同,找不到就在「查看」菜单里核对对应视图选项。 - 输入 HTML 内容
在代码视图的 body 区域输入你需要的标签,例如标题、段落、链接、图片。图片不要只写本地路径,先用「插入」菜单里的「图像」命令选择文件,让 Dreamweaver 自动生成 img 标签和路径。属性面板里可以改链接地址、替代文字等参数。 - 保存为 html 文件
按「文件」菜单里的「保存」或「另存为」,把文件名写成以 .html 结尾,例如 index.html,编码一般保持 UTF-8。保存后文件会出现在你选择的文件夹里,双击即可用浏览器查看。不要在文件名里加空格或特殊符号,避免链接出错。 - 预览并核对效果
保存后按 F12 或在「文件」菜单里找到「在浏览器中预览」命令,选择已安装的浏览器查看实际效果。若显示和设计视图不一致,回到代码视图核对标签是否闭合、图片路径是否正确。每次修改后重新保存再刷新浏览器即可看到最新结果。
软件页面:Dreamweaver。