选择“文件”>“页面属性”,或单击文本的属性检查器中的“页面属性”按钮。
- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
了解如何设置 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。