Adobe Dreamweaver

Adobe Dreamweaver，简称DW，制作适用于各种浏览器或设备的精美网站，是一款建立 Web 站点和应用程序的专业工具。Adobe Dreamweaver 2021附带了一系列网站设计、网站开发和网站管理工具，可实现Web内容的实时可视化。它具有代码完成、语法突出显示、代码折叠、代码生成、代码自省、代码提示等功能，使用视觉辅助功能减少错误并提高网站开发速度，是程序建站新手们不错的选择！

Adobe Dreamweaver软件功能

1、增强XML编辑与验证

2、增强动态跨浏览器验证

3、网页编辑器可增强手机内容创作能力15、增强基于CSS的设计的渲染

4、增强整合的Accessibility参考

5、更多预建的Accessibility设计与模板

6、网页编辑器具有放大功能

Adobe Dreamweaver软件安装步骤

1、下载软件包，运行set-up.exe；

2、设置语言和安装位置；

3、等待软件安装；

4、安装完成！

Adobe Dreamweaver使用方法

一、在浏览器中预览页面

1、请确保 index.html 文件在文档窗口中打开。

2、按 F12 键 (Windows) 或 Option+F12 组合键 (Macintosh)。 您的主浏览器启动（如果尚未运行）并显示索引页面。

3、（可选）切换回 Dreamweaver 以执行任何必要的更改。然后保存您的工作并再次按 F12 键以确保您的更改生效。

二、创建新的 CSS 规则

1、在【CSS 样式】面板中，单击面板右下角的【新建 CSS 规则】。

2、在【新建 CSS 规则】对话框中，从【选择器类型】选项中选择【类】。该选项应该是默认选中的。

3、在【名称】文本框中输入 .bold。

4、在【定义在】弹出式菜单中，选择 cafe_townsend.css。该文件应该是默认选中的。

5、单击【确定】。出现【CSS 规则定义】对话框，表示您正在 cafe_townsend.css 文件中创建一个称为 .bold 的类样式。

6、在【CSS 规则定义】对话框中，执行下面的操作：

7、单击【确定】。

8、单击【CSS 样式】面板顶部的【所有】按钮。

更新说明

1、改进
改进了与最新操作系统版本（macOS 和 Windows）的兼容性并修复了多项错误。
2、停用
此外，以下工作流在dw2021版本中已停用
（1）图像优化
（2）已停用的 API 列表
3、编辑时启用 linting
最新版本中引入了编辑时启用 linting 功能，以改善自动化的 linting 功能。借助这一全新增强功能，您可在编辑 HTML（.htm 和 .html）、CSS、DW 模板和 JavaScript 文件时，在输出面板中同步查看错误和警告。
4、安全性增强功能
OpenSSL：Dreamweaver 现已与最新版本 OpenSSL（已从 1.0.2o 升级到 1.0.2u）集成。
LibCURL：Dreamweaver 现已与新版 LibCURL（已从 7.60.0 升级到 7.69.0）集成，可为用户提供安全连接。
Xerces： Dreamweaver 现已升级，使用新的 Xerces 版本。
Ruby： Dreamweaver 现已与新版 Ruby 集成。
5、使用Bootstrap4构建响应式站点
专注于您的移动优先设计，制作美观的响应式站点-Dreamweaver会在后台处理所有繁重的工作。
6、实时预览代码更改
通过实时预览在浏览器和设备中即时查看更改
7、Git支持
使用Git实现高级源代码控制
8、更高效地编写css
CSS预处理器（如LESS和Sass）的内置支持