Dreamweaver+Photoshop+Flash+Fireworks网站建设与网页设计完全实用
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

3.1 设置页面属性

在创建文档前或创建文档后,还需要对页面的属性进行必要的设置,设定一些影响整个网页的参数。

3.1.1 外观(CSS)

执行“修改”|“页面属性”命令,弹出“页面属性”对话框,在对话框中选择“分类”列表中的“外观(CSS)”选项,如图3-1所示。

图3-1 “外观(CSS)”选项

在“外观(CSS)”选项中主要有以下参数。

页面字体:设置文本的字体。

大小:设置网页中文本的字号。

文本颜色:设置网页文本的颜色。

背景颜色:设置网页的背景颜色。

背景图像:单击文本框右边的“浏览”按钮,弹出“选择图像源文件”对话框,在对话框中可以选择一个图像作为网页的背景图像。

重复:在下拉列表中指定背景图像在页面上的显示方式。

左边距、上边距、右边距、下边距:用来指定页面四周边距的大小。

3.1.2 外观(HTML)

在Dreamweaver CS5“页面属性”对话框中的“分类”列表中新增了“外观(HTML)”选项,可以为网页定义更细致的格式,如图3-2所示。

图3-2 “外观(HTML)”选项

在“外观(HTML)”选项中主要有以下参数。

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

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

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

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

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

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

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

边距宽度和边距高度:指定页面边距的宽度和高度。

3.1.3 链接(CSS)

在“页面属性”对话框中的“分类”列表中选择“链接(CSS)”选项,在其中可以定义默认的链接字体、字体大小,以及链接、访问过的链接和活动链接的颜色,如图3-3所示。

图3-3 “链接(CSS)”选项

在“链接(CSS)”选项中主要有以下参数。

链接字体:可以设置页面中超链接文本的字体。

大小:可以设置超链接文本的字体大小。

链接颜色:可以设置页面中超链接文本的颜色。

变换图像链接:可以设置页面里变换图像后的超链接文本颜色。

已访问链接:可以设置网页中访问过的超链接的颜色。

活动链接:可以设置网页里激活的超链接的颜色。

下划线样式:可以自定义网页里鼠标上滚时采用某种下画线。

3.1.4 标题(CSS)

在“页面属性”对话框中的“分类”列表中选择“标题(CSS)”选项,可以为标题定义更细致的格式,如图3-4所示。

图3-4 “标题(CSS)”选项

在“标题(CSS)”选项中主要有以下参数。

标题字体:可以设置标题文字的字体。

标题1:可以设置一级标题字的字号和颜色。

标题2:可以设置二级标题字的字号和颜色。

标题3:可以设置三级标题字的字号和颜色。

标题4:可以设置四级标题字的字号和颜色。

标题5:可以设置五级标题字的字号和颜色。

标题6:可以设置六级标题字的字号和颜色。

3.1.5 标题/编码

在“页面属性”对话框中的“分类”列表中选择“标题和编码”选项,可以绘制网页的字符编码,如图3-5所示。

图3-5 “标题/编码”选项

在“标题/编码”选项中主要有以下参数。

标题:可以输入网页的标题。

文档类型(DTD):在下拉列表中指定文档类型定义。

编码:可以设置网页的文字编码。通常设置为中文,应用“简体中文(GB2312)”。

Unicode标准化表单:仅在选择UTF-8作为文档编码时启用。

包括Unicode签名(BOM):可在文档中包括字节顺序标记(BOM)。

3.1.6 跟踪图像

在“页面属性”对话框中的“分类”列表中选择“跟踪图像”选项,它可以为当前制作的网页添加跟踪图像。跟踪图像要和网页的大小一样,这样制作网页时就可以按照跟踪图像规划网页的布局,如图3-6所示。

图3-6 “跟踪图像”选项

跟踪图像一般在设计网页时作为网页背景,用于引导网页的设计。单击文本框右边的“浏览”按钮,弹出“选择图像源文件”对话框,在对话框中选择一个图像作为跟踪图像。拖动“透明度”滑块可以指定图像的透明度,透明度越高图像显示得越明显。

提示

如果在一个网页中同时设置了背景图像、背景色和跟踪图像,则在文档窗口中只看到跟踪图像。浏览网页时,不显示跟踪图像。