4.1 页面属性的修改
很多时候，初学者在制作网页时会忽略了网页文件头部属性的设置。网页文件头部是指被<head>标记所作用的区域。网页文件头部的信息包括了对当前文件一些信息的收集。对<head>区的属性进行修改后，不会直接影响到该文件的视觉显示效果，但可使网页制作过程更加规范，使用更方便。
4.1.1 设置网页头部内容
网页头部的设置包括标题设置、关键字设置等，具体介绍如下。
1. 设置标题
网页标题用英文Title表示，是显示在浏览器标题栏处的一行文字信息。网页标题是对一个网页的高度概括，一般来说，网站首页的标题就是网站的正式名称。网页标题不宜过短或过长，应能概括网页的核心内容，应含有丰富的关键词。
网页标题的作用是让访问者了解网页的主要内容，引导访问者浏览，还有就是通过合理地设置标题及描述，提高搜索引擎收录排名。
在Dreamweaver中，设置标题的方法很简单，具体操作步骤如下。
打开一个网页文件，在“设计”视图中，在文档工具栏的“标题”文本框中输入标题内容，如图4-1所示。或者在“代码”视图中，在<title>与</title>标记之间输入标题内容，如图4-2所示。
图4-1 “设计”视图
图4-2 “代码”视图
2. 设置Meta
Meta标记是用在网页头部中的标记，用以记录当前页面的一些重要信息，例如网页的字符集、作者、版本、网页关键字等。设置Meta标记的具体操作步骤如下。
（1）执行“插入”→“Head”→“Meta”命令，如图4-3所示。
图4-3 执行“Meta”命令
（2）弹出“META”对话框，在“属性”下拉列表中选择“HTTP-equivalent”选项，在“值”文本框中指定标签提供的信息类型，在“内容”文本框输入实际的信息。设置完成后单击“确定”按钮即可，如图4-4所示。
图4-4 设置参数
3. 插入关键字
关键字也就是与网页的主题内容相关的简短而有代表性的词汇，这是给网络中的搜索引擎准备的。关键字一般要尽可能地概括网页内容，这样浏览者只需输入很少的关键字，就能最有效地搜索到目标网页。插入关键字的具体操作步骤如下。
（1）执行“插入”→“Head”→“关键字”命令，如图4-5所示。
图4-5 执行“关键字”命令
（2）弹出“关键字”对话框，在“关键字”文本框输入关键字，设置完成后单击“确定”按钮即可，如图4-6所示。
图4-6 输入关键字
4. 插入说明
许多搜索引擎装置在读取说明Meta标记的内容，有些使用该信息在它们的数据库中将页面编入索引，而有些还在搜索页面中显示该信息。在网页中插入说明的方法如下。
（1）执行“插入”→“Head”→“说明”命令，如图4-7所示。
图4-7 执行“说明”命令
（2）弹出“说明”对话框，在“说明”文本框输入说明内容，设置完成后单击“确定”按钮即可，如图4-8所示。
图4-8 输入说明内容
4.1.2 设置网页基本属性
在“属性”面板中单击“页面属性”按钮，即可打开“页面属性”对话框。在该对话框中，设有6类属性，包括“外观（CSS）”“外观（HTML）”“链接（CSS）”“标题（CSS）”“标题/编码”和“跟踪图像”。下面分别进行介绍。
1. 设置外观（CSS）
在Dreamweaver中创建的每个页面，都可以使用“页面属性”对话框指定其布局和格式设置属性。在“页面属性”对话框左侧的“分类”列表中选择“外观（CSS）”选项，显示“外观（CSS）”属性界面，在这里可以设置页面字体、大小、颜色、页边距等属性，如图4-9所示。
图4-9 “外观（CSS）”属性界面
“外观（CSS）”属性界面中的选项说明如下。
·页面字体：选择页面中的默认文本字体。单击其下拉按钮，可从下拉列表中选择其他字体，并设置字体样式（如“黑体”和“倾斜”）。
·大小：选择或输入页面中文本的字号，并设置数值单位。
·文本颜色：设置网页中文本的颜色。
·背景颜色：设置网页的背景颜色。一般情况下，背景颜色都设置成白色。
·背景图像：给网页添加背景图像。
·重复：在使用图像作为背景时，背景图像的重复显示方式。可选项包括“不重复”“重复”“x向重复”和“y向重复”4种，须根据需求进行选择。
·左边距：设置网页左边空白的宽度。
·上边距：设置网页顶部空白的高度。
·右边距：设置网页右边空白的宽度。
·下边距：设置网页底部空白的高度。
2. 设置外观（HTML）
在“外观（HTML）”属性界面，可以设置背景图像、背景颜色、已访问链接、链接、活动连接、页边距等属性，如图4-10所示。
图4-10 “外观（HTML）”属性界面
“外观（HTML）”属性界面中的选项说明如下。
·背景图像：设置背景图像。
·背景：设置页面的背景颜色。
·文本：设置显示文字使用的默认颜色。
·链接：设置应用于链接文本的颜色。
·已访问链接：设置应用于已访问过的链接的颜色。
·活动链接：设置当鼠标单击时链接上应用的颜色。
·左边距：设置页面左边距的大小。
·上边距：设置页面上边距的大小。
·边距宽度：设置边距的宽度。
·边距高度：设置边距的高度。
3. 设置链接（CSS）
“链接（CSS）”属性界面主要用于与页面链接效果相关的设置，包括链接文字字体、大小、颜色和样式属性等，如图4-11所示。
图4-11 “链接（CSS）”属性界面
该界面中的选项说明如下。
·链接字体：选择页面超链接文本在默认状态下所用的字体。
·大小：选择超链接文本的字体大小。
·链接颜色：设置网页里超链接的颜色。
·变换图像链接：设置网页里当鼠标指针移动到超链接文字上方时超链接的颜色。
·已访问链接：设置网页里访问过的超链接的颜色。
·活动链接：设置网页里激活的超链接的颜色。
·下划线样式：选择网页里当鼠标指针移动到超链接文字上方时，采用的下划线样式。
4. 设置标题（CSS）
“标题（CSS）”属性界面主要用于设置一些和标题相关的属性选项，如图4-12所示。
图4-12 “标题（CSS）”属性界面
该界面中各选项说明如下。
·标题字体：定义标题文字的字体。
·“标题1”～“标题6”：设置最多为6个级别的标题使用的字体大小和颜色。
5. 设置标题/编码
在“标题/编码”属性界面中可以设置网页的标题、文字编码等，如图4-13所示。
图4-13 “标题/编码”属性界面
该界面中的选项说明如下。
·标题：设置网页的标题。
·文档类型：可以选择网页文档的类型。
·编码：可以选择网页的文字编码。
·重新载入：装载新的文字编码。
6. 设置跟踪图像
“跟踪图像”属性界面用于设置图像跟踪的属性，如图4-14所示。设置跟踪图像主要是为了方便网页的布局设置。可以事先将网页的布局制作成一个图像，然后在布局时将该图像设置为跟踪图像，并照此图像进行布局即可。跟踪图像的文件格式必须为JPEG、GIF或PNG。
图4-14 “跟踪图像”属性界面
该界面的选项说明如下。
·跟踪图像：为当前制作的网页添加跟踪图像文件。
·透明度：拖动滑块，可调整图像的透明度。透明度越高，跟踪图像显示得越明显；透明度越低，跟踪图像显示得越不明显。