2.3页面属性及网页文件头设置(课件）-高二《网页设计与制作》同步教学（北京理工版）

任务三　页面属性及网页文件头设置　 一、设置页面属性 执行菜单命令“修改” → “页面属性”, 打开“页面属性” 对话框, 可设置网页属性, 如图２ －１５ 所示. 在“页面属性” 对话框左侧的分类栏中, 有“外观(ＣＳＳ)” “外观(ＨＴＭＬ)” “链接 (ＣＳＳ)” “标题(ＣＳＳ)” “标题/ 编码” 和“跟踪图像” 六个选项, 下面我们将分别介绍它们的作用. １) 页面属性中的“外观(ＣＳＳ)” 分类, 如图２ －１５所示. 可在“页面字体” 下拉列表中选择网页默认字体. 如果没有想要的字体, 可选择编辑字体列表, 打开如图２ －１６ 所示的“编辑字体列表” 对话框. 在“可用字体” 列表中, 选择一种字体, 单击 按钮,可将选中的字体加入到“选择的字体” 列表中, 也可以通过 按钮, 删除“选择的字体”列表中的字体. 下一页 返回 任务三　页面属性及网页文件头设置　 “大小” 下拉列表可以设置网页默认文本的大小,单击“文本颜色” 后的按钮, 可在弹出的调色板中设置网页文本的颜色,采用同样的方法可以设置网页的背景颜色. 单击“背景图像” 后的“浏览” 按钮, 打开“选择图像源文件” 对话框. 在对话框中选择要设置为背景图像的文件, 然后单击“确定” 按钮, 即可将该图像设置为网页的背景图像. 在“重复” 下拉列表中, 可以设置图像的显示方式. 其中, “不重复” 表示背景图像保持原大小和位置,“重复” 为默认值, 选择该项, 可以将整个页面填满,“横向重复” 表示背景图像在水平方向平铺,“纵向重复” 表示背景图像沿垂直方向平铺. 按照文章的书写规则, 正文与纸的四边需要留有一定的距离, 这个距离叫作页边距.在网页中, 默认情况下, 页边距都不为０, 可以通过设置左、右、上、下边距将网页的页边距设置为合适的大小. 一般情况下, 页边距都设置为０. 上一页 下一页 返回 任务三　页面属性及网页文件头设置　 ２) 页面属性中的“链接ＣＳＳ” 分类, 如图２ －１７ 所示. 主要用来设置网页中链接文本四种状态的颜色及链接文本是否有下划线等. ３) 页面属性中的“标题ＣＳＳ” 分类, 如图２ －１８ 所示. 主要用来设置ＨＴＭＬ 标签中的ｈ１ － ｈ６ 的字体、字号、颜色等. ４) 页面属性中的“标题/ 编码” 分类, 如图２ －１９ 所示. 主要用来设置网页的标题,在“标题” 文本框中输入网页标题, 在“编码” 下拉列表中选择网页使用的编码类型,一般选择“Ｕｎｉｃｏｄｅ (ＵＴＦ －８)”. ５) 页面属性中的“跟踪图像” 分类主要是用来将前期设置好的网页文稿图像调用到当前编辑的网页中, 便于网页设计者参与制作. 上一页 下一页 返回 任务三　页面属性及网页文件头设置　 二、插入搜索关键字 关键字的作用是引导和帮助搜索引擎找到网页, 它是一个入口, 因此设置网页关键字尤其重要. 如何把关键字适当地插入网站当中, 以起到优化网站结构、提升网站排名的作用呢? 在万维网上通过搜索引擎查找资料时, 搜索引擎会自动读取网页中的< ｍｅｔａ > 标签的内容, 如果网站关键字设置合适, 网页搜索中网站排名就会提升, 进而提高访问量. 但如何设置关键字可以提高网站排名呢? 并不是关键字字数越多越好, 因为几乎所有的搜索引擎都限制索引关键字或字符的数目, 当超过了限制的数目时, 它将忽略超出的关键字, 所以关键字最好使用几个精选的. 一般情况下, 关键字是对网页的含义、内容、风格或作者等内容的概述. 上一页 下一页 返回 任务三　页面属性及网页文件头设置　 设置网页搜索关键字的方法如下: １) 选中文档窗口中的“代码” 视图, 将光标定位在< ｈｅａｄ > 标签中, 选择“插入” → “ＨＴＭＬ” → “文件头标签” → “关键字” 命令, 打开如图２ － ２０ 所示的“关键字” 对话框. ２) 在“关键字” 对话框中输入相应的中文或英文关键字, 关键字之间用“,” 分割.在如图２ － ２０所示的对话框中输入关键字“个人网站”, 单击“确定” 按钮, 即可完成设置. ３) 观察“代码” 视图, 发现< ｈｅａｄ > 标签内多了下述代码. “ < meta name = ″Keywords″ content = ″个人网站″ / > ” 还可以通过< ｍｅｔａ > 标签实现搜索关键字的设置, 具体操作方法如下: 上一页 下一页 返回 任务三　页面属性及网页文件头设置　 选择“插入” → “ＨＴＭＬ” → “文件头标签” → “Ｍｅｔａ” 命令, 打开“ＭＥＴＡ” 对话框. 在“属性” 下拉列表中选择“名称”, 在“值” 文本框中输入“ｋｅｙｗｏｒｄｓ”, 在“内容” 文本框中输入关键字信息, 如图２ －２１ 所示, 设置完成,