[计算机软件及应用]HTML网页设计.ppt

一个网页文件在结构上实际上由两部分组成的，头部分head/head和主体部分body/body。主体内容是文档的主要部分，也是包含文本和图像等的可见部分。头部内容是除文档标题外的不可见部分，包含文档类型、语言编码、搜索引擎的关键字和内容指示器以及样式定义等重要信息，这些元素并不是每个页面都需要的。以下就是一个简单网页的代码： HTML head 头内容部分 /head body 主体内容部分 /body /HTML 选择菜单栏中的“插入”中“HTML”的“文件头标签”，如图2.1所示，在弹出的下拉菜单中的选项便是作为网页头信息插入的内容。 1. META 标签是记录有关当前页面信息（如字符编码、作者、版权信息或关键字）的head元素。这些标签也可以用来向服务器提供信息，如页面的失效日期、刷新间隔和PICS等级（PICS是Internet内容选择平台，它提供了向Web页分配等级（如电影等级）的方法）。选择图2.1中文件头标签内容的“META”命令，会弹出“META”对话框，META标签记录有关当前页面的信息，在属性项中选择“名称”，“值”项中输入“author”，“内容”项中输入“姜楠”，这样作者的信息就设定好了。如图2.2所示。 “属性”：指定Meta标签是否包含有关页面的描述性信息（name）或HTTP标题信息（http-equiv）。 “值”：指定在该标签中提供的信息类型。有些值（如说明、关键字和刷新）是已经定义好的，而且在Dreamweaver中有它们各自的属性检查器，但是可以根据实际情况指定任何值，例如 creationdate、documentID或level等。 “内容”：是实际的信息。例如，如果为“值”指定了等级，则可以为“内容”指定初级、中级或高级。 2. 关键字 许多搜索引擎装置（自动浏览Web页为搜索引擎收集信息以编入索引的程序）读取关键字META标签的内容，并使用该信息在它们的数据库中将您的页面编入索引。因为有些搜索引擎限制索引的关键字或字符的数目，或者当超过了限制的数目时，它将忽略所有的关键字，所以最好只使用几个精选的关键字。 选择图2.1中文件头标签内容的“关键字”命令，弹出“关键字”对话框，输入文字，并以逗号隔开，如在该网络书店的网页头中输入“书店，电子商务，教学，图书，出版社，作者”等。如图2.3所示，当发布到Internet后，用户在一些搜索引擎网站只要键入这些关键字就会链接到此网站。 3. 描述 许多搜索引擎装置读取描述META标签的内容时，将页面编入索引，而有些还在搜索结果页面中显示该信息（而不只是显示文档的前几行）。有些搜索引擎限制索引字符的数目，所以最好将描述限制为几个字。选择图2.1中文件头标签内容的第三项时，会弹出“描述”对话框，输入文字“这是一个图书类别最多的网络书店！”，如图2.4所示。 4. 刷新 使用刷新功能可以指定浏览器在一定时间后自动刷新的页面，即重新载入页面或跳转到不同的页面，如登陆论坛后稍微等一会就会转向别的页面就是这种办法。选择图2.1中文件头标签内容的第四项时，会弹出“刷新”对话框，如图2.5所示。则该网络书店的主页（index.html）会在延迟8秒后自动跳转到该网络书店的添加新书页面（allshow.html）进行显示。该文件在本章实例下。 5. 基础 基础定义了文档的基本URL地址，在文档中，所有相对地址形式的URL都是相对于这个URL地址而言的，例如相对地址为“image/pic.jpg”，那么真实地址应该是“基本URL地址/image.pic.jpg”。在“本章实例”文件夹下有一个down.html文件，打开这个文件，以这个文件为例。 选择图2.1中文件头标签内容的第五项时，会弹出“基础”对话框，如图2.6所示。在“Herf”文本框中输入基本URL地址，如“网络书店”的网址、在“目标”下拉列表框中，选择链接页面在哪个框架集中打开。在这里选择“空白（_B）”，则down.html文件则会打开一个新的浏览器窗口进行显示。 空白（_B）：表示在新窗口中打开。 父（_P）：表示在当前文档的父级框架集中打开。 自身（_S）：表示在当前文档的框架中打开。 顶部（_T）：表示在链接所在的最高级窗口中打开。 6. 链接 链接定义了网页之间的链接关系，在HTML文档的头部可以包含任意多个“链接”标记。 选择图2.1中文件头标签内容的“链接”选项时，会弹出“链接”对话框，如图2.7所示。在HREF文本框中，输入链接资源所在的URL地址。在ID文本框中输入“链接”标记的ID值，如book，在“标题”