Dreamweaver
打开应用程序
Dreamweaver 用户指南
简介
响应式网页设计基础知识
Dreamweaver 中的新增功能
使用 Dreamweaver 进行 Web 开发 - 概述
Dreamweaver/常见问题
键盘快捷键
Dreamweaver 系统要求
功能摘要
Dreamweaver 和 Creative Cloud
将 Dreamweaver 设置与 Creative Cloud 同步
Dreamweaver 中的 Creative Cloud Libraries
在 Dreamweaver 中使用 Photoshop 文件
使用 Adobe Animate 和 Dreamweaver
从库提取 Web 优化的 SVG 文件
Dreamweaver 工作区和视图
Dreamweaver 工作区
为可视化开发优化 Dreamweaver 工作区
根据文件名或内容搜索文件 | Mac OS
设置站点
关于 Dreamweaver 站点
设置站点的本地版本
连接到发布服务器
设置测试服务器
导入和导出 Dreamweaver 站点设置
将现有网站从远程服务器下载到您的本地站点根目录
Dreamweaver 中的辅助功能
高级设置
设置用于传输文件的站点偏好设置
在 Dreamweaver 中指定代理服务器设置
将 Dreamweaver 设置与 Creative Cloud 同步
在 Dreamweaver 中使用 Git
管理文件
创建和打开文件
管理文件和文件夹
从服务器获取文件和将文件上传到服务器
存回和取出文件
同步文件
比较文件的差别
遮盖 Dreamweaver 站点中的文件和文件夹
为 Dreamweaver 站点启用设计备注
防止潜在的 Gatekeeper 漏洞
布局和设计
使用可视化助理进行布局
关于使用 CSS 来设计页面布局
使用 Bootstrap 设计响应式网站
在 Dreamweaver 中创建和使用媒体查询
使用表格显示内容
颜色
使用流式网格布局的响应式设计
Dreamweaver 中的 Extract
CSS
了解层叠样式表
使用 CSS Designer 进行页面布局
在 Dreamweaver 中使用 CSS 预处理器
如何在 Dreamweaver 中设置 CSS 样式偏好设置
在 Dreamweaver 中移动 CSS 规则
在 Dreamweaver 中将内联 CSS 转换为 CSS 规则
使用 div 标签
向背景应用渐变效果
在 Dreamweaver 中创建和编辑 CSS3 过渡效果
设置代码格式
页面内容和资源
设置页面属性
设置 CSS 标题属性和 CSS 链接属性
使用文本
查找和替换文本、标签和属性
DOM 面板
在实时视图中编辑
在 Dreamweaver 中对文档编码
在“文档”窗口中选择和查看元素
在属性检查器中设置文本属性
对网页进行拼写检查
在 Dreamweaver 中使用水平线
在 Dreamweaver 中添加和修改字体组合
使用资源
在 Dreamweaver 中插入和更新日期
在 Dreamweaver 中创建和管理收藏资源
在 Dreamweaver 中插入和编辑图像
添加媒体对象
在 Dreamweaver 中添加视频
插入 HTML5 视频
插入 SWF 文件
添加音频效果
在 Dreamweaver 中插入 HTML5 音频
使用库项目
在 Dreamweaver 中使用阿拉伯语和希伯来语文本
链接与导航
关于链接与导航
链接
图像地图
链接疑难解答
jQuery 构件和效果
在 Dreamweaver 中使用 jQuery UI 和移动构件
在 Dreamweaver 中使用 jQuery 效果
对网站进行编码
关于在 Dreamweaver 中编码
Dreamweaver 中的编码环境
设置编码偏好设置
自定义代码颜色
编写和编辑代码
代码提示和代码完成
折叠和展开代码
使用代码片段重用代码
使用 linting 检查代码
优化代码
在设计视图中编辑代码
使用页面的头内容
在 Dreamweaver 中插入服务器端包含
在 Dreamweaver 中使用标签库
将自定义标签导入 Dreamweaver
使用 JavaScript 行为（一般说明）
应用内置 JavaScript 行为
关于 XML 和 XSLT
在 Dreamweaver 中执行服务器端 XSL 转换
在 Dreamweaver 中执行客户端 XSL 转换
在 Dreamweaver 中为 XSLT 添加字符实体
设置代码格式
跨产品工作流
安装和使用 Dreamweaver 的扩展
Dreamweaver 中的应用程序内更新
在 Dreamweaver 中插入 Microsoft Office 文档（仅限 Windows）
使用 Fireworks 和 Dreamweaver
使用 Contribute 编辑 Dreamweaver 站点中的内容
Dreamweaver 和 Business Catalyst 集成
创建个性化的电子邮件营销活动
模板
关于 Dreamweaver 模板
识别模板和基于模板的文档
创建 Dreamweaver 模板
在模板中创建可编辑区域
在 Dreamweaver 中创建重复区域和表格
在模板中使用可选区域
在 Dreamweaver 中定义可编辑的标签属性
如何在 Dreamweaver 中创建嵌套模板
编辑、更新和删除模板
在 Dreamweaver 中导出和导入 xml 内容
在现有文档中应用或删除模板
在 Dreamweaver 模板中编辑内容
Dreamweaver 中模板标签的语法规则
设置模板区域的高亮显示偏好设置
在 Dreamweaver 中使用模板的好处
移动设备和多屏幕
创建媒体查询
更改移动设备的页面方向
使用 Dreamweaver 创建适用于移动设备的 Web 应用程序
动态网站、页面和 Web 表单
了解 Web 应用程序
设置计算机以进行应用程序开发
数据库连接疑难解答
在 Dreamweaver 中删除连接脚本
设计动态页
动态内容源概述
定义动态内容源
向页面添加动态内容
在 Dreamweaver 中更改动态内容
显示数据库记录
在 Dreamweaver 中提供动态数据和进行疑难解答
在 Dreamweaver 中添加自定义服务器行为
使用 Dreamweaver 生成表单
使用表单从用户处收集信息
在 Dreamweaver 中创建和启用 ColdFusion 表单
创建 Web 表单
增强了对表单元素的 HTML5 支持
使用 Dreamweaver 开发表单
以可视化方式生成应用程序
在 Dreamweaver 中生成主页和详细页
生成搜索页和结果页
生成记录插入页
在 Dreamweaver 中生成更新记录页
在 Dreamweaver 中生成记录删除页
在 Dreamweaver 中使用 ASP 命令修改数据库
生成注册页
生成登录页
生成只有授权用户才能访问的页面
使用 Dreamweaver 保护 Coldfusion 中的文件夹
在 Dreamweaver 中使用 ColdFusion 组件
测试、预览和发布网站
预览页面
在多个设备上预览 Dreamweaver 网页
测试 Dreamweaver 站点
疑难解答
已修复的问题
已知问题
了解如何设置 Dreamweaver 页面的 HTML 页面属性和 CSS 属性，如字体、背景颜色和背景图像属性。
对于在 Dreamweaver 中创建的每个页面，都可以使用“页面属性”对话框（“文件”>“页面属性”）指定布局和格式设置属性。“页面属性”对话框让您可以指定页面的默认字体系列和字体大小、背景颜色、边距、链接样式及页面设计的其他许多方面。您可以为创建的每个新页面指定新的页面属性，也可以修改现有页面的属性. 您在“页面属性”对话框中所进行的更改将应用于整个页面。
Dreamweaver 提供了两种修改页面属性的方法：CSS 或 HTML。Adobe 建议使用 CSS 设置背景和修改页面属性。
注意:
您选择的页面属性仅应用于活动文档。如果页面使用了外部 CSS 样式表，Dreamweaver 不会覆盖在该样式表中设置的标签，因为这将影响使用该样式表的其他所有页面。
设置 CSS 页面字体、背景颜色和背景图像属性
可使用“页面属性”对话框指定网页面的若干基本页面布局选项，包括字体、背景颜色和背景图像。
选择“文件”>“页面属性”，或单击文本的属性检查器中的“页面属性”按钮。
选择“外观(CSS)”类别并设置各个选项。
页面字体
指定在网页面中使用的默认字体系列。Dreamweaver 将使用您指定的字体系列，除非已为某一文本元素专门指定了另一种字体。
大小
指定在网页面中使用的默认字体大小。Dreamweaver 将使用您指定的字体大小，除非已为某一文本元素专门指定了另一种字体大小。
文本颜色
指定显示字体时使用的默认颜色。
背景颜色
设置页面的背景颜色。单击“背景颜色”框并从颜色选择器中选择一种颜色。
背景图像
设置背景图像。单击“浏览”按钮，然后浏览到图像并将其选中。或者，可以在“背景图像”框中输入背景图像的路径。
与浏览器一样，如果图像不能填满整个窗口，Dreamweaver 会平铺（重复）背景图像。（若要禁止背景图像以平铺方式显示，可使用层叠样式表禁用图像平铺。）
重复
指定背景图像在页面上的显示方式：
选择非重复选项将仅显示背景图像一次。
选择“重复”选项横向和纵向重复或平铺图像。
选择“横向重复”选项可横向平铺图像。
选择“纵向重复”选项可纵向平铺图像。
左边距和右边距
指定页面左边距和右边距的大小。
上边距和下边距
指定页面上边距和下边距的大小。
设置 HTML 页面属性
在“页面属性”对话框的此类别中设置属性会导致页面采用 HTML 格式，而不是 CSS 格式。
选择“文件”>“页面属性”，或单击文本的属性检查器中的“页面属性”按钮。
选择“外观(HTML)”类别并设置各个选项。
背景图像
设置背景图像。单击“浏览”按钮，然后浏览到图像并将其选中。或者，可以在“背景图像”框中输入背景图像的路径。
与浏览器一样，如果图像不能填满整个窗口，Dreamweaver 会平铺（重复）背景图像。（若要禁止背景图像以平铺方式显示，可使用层叠样式表禁用图像平铺。）
背景
设置页面的背景颜色。单击“背景颜色”框并从颜色选择器中选择一种颜色。
文本
指定显示字体时使用的默认颜色。
链接
指定应用于链接文本的颜色。
已访问链接
指定应用于已访问链接的颜色。
活动链接
指定当鼠标（或指针）在链接上单击时应用的颜色
左边距和右边距
指定页面左边距和右边距的大小。
上边距和下边距
指定页面上边距和下边距的大小。
设置页面的标题和编码属性
通过“页面属性”中的“标题/编码”选项，可指定用于创作网页的语言专用的文档编码类型。“标题/编码”选项还可指定与该编码类型配合使用的 Unicode 范式。
执行下列操作之一：
单击“文件”>“页面属性”
单击“窗口”>“属性”，然后单击文本属性检查器中的“页面属性”。
在“页面属性”面板中选择“标题/编码”。可配置以下选项：
标题：指定在“文档”窗口和大多数浏览器窗口的标题栏中出现的页面标题。
文档类型 (DTD)：指定文档类型定义。例如，可从弹出菜单中选择“XHTML 1.0 Transitional”或“XHTML 1.0 Strict”，使 HTML 文档与 XHTML 兼容。
编码：指定文档中字符所用的编码。如果选择 Unicode (UTF-8) 作为文档编码，则不需要实体编码，因为 UTF-8 可以安全地表示所有字符。如果选择其他文档编码，则可能需要用实体编码才能表示某些字符。有关字符实体的详细信息，请参阅 www.w3.org/TR/REC-html40/sgml/entities.html。
重新加载：转换现有文档或者使用新编码重新打开它。
Unicode 范式：仅在选择 UTF‑8 作为文档编码时才启用。有四种 Unicode 范式。最重要的是范式 C，因为它是用于万维网的字符模型的最常用范式。Adobe 提供其他三种 Unicode 范式作为补充。在 Unicode 中，有些字符看上去很相似，但可用不同的方法存储在文档中。例如，“ë”（e 变音符）可表示为单个字符“e 变音符”，或表示为两个字符“正常拉丁字符 e”+“组合变音符”。Unicode 组合字符是与前一个字符结合使用的字符，因此变音符会显示在“拉丁字符 e”的上方。这两种形式都显示为相同的印刷样式，但保存在文件中的形式却不相同。范式是指确保可用不同形式保存的所有字符都使用相同的形式进行保存的过程。即文档中的所有“ë”字符都保存为单个“e 变音符”或“e”+“组合变音符”，而不是在一个文档中采用这两种保存形式。有关 Unicode 范式和可以使用的特定形式的详细信息，请访问 Unicode 网站，网址为：www.unicode.org/reports/tr15。
包括 Unicode 签名 (BOM)：在文档中包括一个字节顺序标记 (BOM)。BOM 是位于文本文件开头的 2 到 4 个字节，可将文件标识为 Unicode，如果是这样，还标识后面字节的字节顺序。由于 UTF-8 没有字节顺序，添加 UTF-8 BOM 是可选的， 而对于 UTF-16 和 UTF-32，则必须添加 BOM。
更多此类内容 了解 CSS 页面布局基础知识 使用 CSS 设计网页布局 如何更快地编写 HTML5 和 CSS 代码 如何使用 HTML 布局 CSS Designer 面板