如何在 Dreamweaver 页面中设置 HTML 页面属性和 CSS 属性

优质
小牛编辑
123浏览
2023-12-01
了解如何设置 Dreamweaver 页面的 HTML 页面属性和 CSS 属性,如字体、背景颜色和背景图像属性。

对于在 Dreamweaver 中创建的每个页面,都可以使用“页面属性”对话框(“文件”>“页面属性”)指定布局和格式设置属性。“页面属性”对话框让您可以指定页面的默认字体系列和字体大小、背景颜色、边距、链接样式及页面设计的其他许多方面。您可以为创建的每个新页面指定新的页面属性,也可以修改现有页面的属性. 您在“页面属性”对话框中所进行的更改将应用于整个页面。

Dreamweaver 提供了两种修改页面属性的方法:CSS 或 HTML。Adobe 建议使用 CSS 设置背景和修改页面属性。

注意:您选择的页面属性仅应用于活动文档。如果页面使用了外部 CSS 样式表,Dreamweaver 不会覆盖在该样式表中设置的标签,因为这将影响使用该样式表的其他所有页面。

设置 CSS 页面字体、背景颜色和背景图像属性

可使用“页面属性”对话框指定网页面的若干基本页面布局选项,包括字体、背景颜色和背景图像。

  1. 选择“文件”>“页面属性”,或单击文本的属性检查器中的“页面属性”按钮。
  2. 选择“外观(CSS)”类别并设置各个选项。

    页面字体

    指定在网页面中使用的默认字体系列。Dreamweaver 将使用您指定的字体系列,除非已为某一文本元素专门指定了另一种字体。

    大小

    指定在网页面中使用的默认字体大小。Dreamweaver 将使用您指定的字体大小,除非已为某一文本元素专门指定了另一种字体大小。

    文本颜色

    指定显示字体时使用的默认颜色。

    背景颜色

    设置页面的背景颜色。单击“背景颜色”框并从颜色选择器中选择一种颜色。

    背景图像

    设置背景图像。单击“浏览”按钮,然后浏览到图像并将其选中。或者,可以在“背景图像”框中输入背景图像的路径。

    与浏览器一样,如果图像不能填满整个窗口,Dreamweaver 会平铺(重复)背景图像。(若要禁止背景图像以平铺方式显示,可使用层叠样式表禁用图像平铺。)

    重复

    指定背景图像在页面上的显示方式:

    • 选择非重复选项将仅显示背景图像一次。
    • 选择“重复”选项横向和纵向重复或平铺图像。
    • 选择“横向重复”选项可横向平铺图像。
    • 选择“纵向重复”选项可纵向平铺图像。

    左边距和右边距

    指定页面左边距和右边距的大小。

    上边距和下边距

    指定页面上边距和下边距的大小。

设置 HTML 页面属性

在“页面属性”对话框的此类别中设置属性会导致页面采用 HTML 格式,而不是 CSS 格式。

  1. 选择“文件”>“页面属性”,或单击文本的属性检查器中的“页面属性”按钮。
  2. 选择“外观(HTML)”类别并设置各个选项。

    背景图像

    设置背景图像。单击“浏览”按钮,然后浏览到图像并将其选中。或者,可以在“背景图像”框中输入背景图像的路径。

    与浏览器一样,如果图像不能填满整个窗口,Dreamweaver 会平铺(重复)背景图像。(若要禁止背景图像以平铺方式显示,可使用层叠样式表禁用图像平铺。)

    背景

    设置页面的背景颜色。单击“背景颜色”框并从颜色选择器中选择一种颜色。

    文本

    指定显示字体时使用的默认颜色。

    链接

    指定应用于链接文本的颜色。

    已访问链接

    指定应用于已访问链接的颜色。

    活动链接

    指定当鼠标(或指针)在链接上单击时应用的颜色

    左边距和右边距

    指定页面左边距和右边距的大小。

    上边距和下边距

    指定页面上边距和下边距的大小。

设置页面的标题和编码属性

通过“页面属性”中的“标题/编码”选项,可指定用于创作网页的语言专用的文档编码类型。“标题/编码”选项还可指定与该编码类型配合使用的 Unicode 范式。

  1. 执行下列操作之一:

    • 单击“文件”>“页面属性”
    • 单击“窗口”>“属性”,然后单击文本属性检查器中的“页面属性”。
  2. 在“页面属性”面板中选择“标题/编码”。可配置以下选项:

    • 标题:指定在“文档”窗口和大多数浏览器窗口的标题栏中出现的页面标题。
    • 文档类型 (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 面板