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 “跟踪图像”选项
跟踪图像一般在设计网页时作为网页背景,用于引导网页的设计。单击文本框右边的“浏览”按钮,弹出“选择图像源文件”对话框,在对话框中选择一个图像作为跟踪图像。拖动“透明度”滑块可以指定图像的透明度,透明度越高图像显示得越明显。
提示
如果在一个网页中同时设置了背景图像、背景色和跟踪图像,则在文档窗口中只看到跟踪图像。浏览网页时,不显示跟踪图像。