利用dreamweaver制作网页

1. 新建站点，先规划好文件夹
   打开 Dreamweaver 后，先不要急着新建页面，而是通过「站点」菜单选择「新建站点」。站点名称可以随便起，比如「我的网站」，但本地站点文件夹一定要选一个专门存放网页的目录，建议里面再建好 images、css、js 等子文件夹。这一步很关键，因为后续插入图片、链接样式表时，Dreamweaver 会根据站点相对路径自动生成引用，避免出现文件路径错误。如果你跳过站点直接做页面，图片和链接很容易因为路径不对而显示不出来。
2. 新建 HTML 页面，选择文档类型
   在站点建好后，点击「文件」菜单里的「新建」，在新建文档窗口中选择「HTML」文档类型，通常默认的 HTML5 即可。右侧的「文档类型」下拉框里可以选 XHTML 1.0 或 HTML5，现在一般选 HTML5，兼容性更好。创建后你会看到代码视图和设计视图，设计视图是可视化编辑区，代码视图显示对应的 HTML 代码。初学者可以先用设计视图，像在 Word 里一样输入文字、插入图片，同时观察代码视图的变化，逐渐理解标签的含义。
3. 在页面中添加文字、图片和链接
   在设计视图中，直接点击页面空白处输入文字即可，选中文字后可以在属性面板中设置字体、大小、颜色和对齐方式。插入图片时，点击「插入」菜单下的「图像」，选择站点文件夹中的图片文件，Dreamweaver 会自动生成 img 标签并填写 src 属性。制作超链接时，选中文字或图片，在属性面板的「链接」输入框中填入目标地址，可以是站内其他页面（如 about.html），也可以是外部网址（如 https://example.com）。如果要新窗口打开，就在「目标」下拉框选择 _blank。
4. 用 CSS 控制页面样式，而不是直接改字体
   很多新手直接在属性面板里改字体和颜色，这样生成的代码是内联样式，后期维护很麻烦。正确做法是点击「窗口」菜单打开「CSS 设计器」，在「源」处新建一个外部样式表文件（比如 style.css），然后在「选择器」中添加标签选择器（如 body、h1、p）或类选择器（如 .nav）。在「属性」面板中设置字体、颜色、边距等。这样所有页面共用同一个 CSS 文件，改一处全局生效，也让 HTML 代码更干净。
5. 实时预览与浏览器测试
   制作过程中可以随时按 F12 键在默认浏览器中预览网页效果，但要注意，预览时看到的是本地文件，图片和链接路径都是相对的，所以必须保证站点文件夹完整。如果发现图片不显示，先检查图片是否真的在站点文件夹内，以及文件名是否包含中文或空格，建议统一用英文小写命名。预览没问题后，还要在不同浏览器（Chrome、Edge、Firefox）中测试，因为不同浏览器对 CSS 的解析略有差异。
6. 检查代码规范并准备上传
   发布前，点击「窗口」菜单打开「代码检查器」或使用「站点」菜单下的「检查站点范围的链接」，检查是否有断开的链接或未引用的文件。另外，在「文件」面板中可以看到站点内所有文件，确认没有多余的临时文件。上传时可以使用 Dreamweaver 自带的「管理站点」功能配置远程服务器，填写 FTP 或 SFTP 信息后，点击「上传」按钮即可。如果你没有服务器，也可以先把整个站点文件夹压缩后交给主机商，或者用其他 FTP 工具上传。

软件页面：Dreamweaver。