第3章实验指导.pptVIP

HTML实验指导书第3章：任务 学习基础知识 URL(Uniform Resource Locator)统一资源定位，是互联网上表达资源位置的方法。它有四个部分组成，即协议、域名、路径名、文件名。 协议的作用是告诉浏览器信息在哪里，和如何和信息的拥有者交互。常用的协议有： http:// 超文本传输协议，用于在传递web文档，这种协议表明信息是保存在web服务器上的，是目前互联网上最常用的协议。 File:// 用于访问本地磁盘上的文档。 ftp:// 文件传输协议，用于在ftp服务器上上传下载文件。 mailto: 后面跟着一个邮件地址，可以调用默认的邮件程序来发送邮件(比如outlook express或者foxmail)。 学习基础知识 主机名(域名)说明的是资源保存在那台机器上，一般对于http://协议来说，主机名就是服务器名，它往往对应着一个ip地址，由于ip地址不好记，所以使用了一些好记的域名，由域名服务器来翻译进行ip地址和域名之间的转换 路径名表示要访问的文件在主机的什么目录里，还要注意的是和我们在操作系统中表示目录不同，路径的分隔是(/)而不是(\) a标记定义了一个超级链接，它有一个属性herf用来说明链接资源的URL 使用a甚至可以可以让链接精确地链到一个文档的某个部分，这需要定义一个锚点 相对路径指文件的位置是相对于当前文件的位置。它包括目录名，或指向一个可以从当前目录出发找到该文件的路径。例如，一个路径名可能包含从当前目录向上走两级，再向下走两级的指令。上一级目录用（..）表示 绝对路径指的是文件从最高级目录下开始的完整的路径，无论当前路径是什么，使用绝对路径总是能找到要链接的文件 学习基础知识 HTML支持三种格式的图像文件作为嵌入时图形图像。即JPEG(图形图像联合专家组， Joint Photopraphic Experts Group);GIF(图形接口格式,Graphics Interface Format);PNG(可移植网络图形, Portable Network Graphic) IMG元素最重要的属性是src ， src定义了图像文件从哪里来。我们应该了解的是在网页中加入图像其实只不过是将图像文件的路径加入到网页中，浏览器根据这个路径能找到图像文件并正确得显示 尽管图像本身可以加上超级链接，但是有时候我们希望一幅图像的不同部分能够有不同的超级链接,可以使用map元素和area元素来完成 在图像编辑软件如(photoshop)里，经常会有滤镜功能来为图像创造特殊的效果，比如将一个图像变模糊、改变图像的亮度等。使用CSS样式表的滤镜有可以完成一些类似的功能。滤镜不仅可以用在图像上，还可以用在文字上，很多情况下和脚本语言配合使用生成动态滤镜 任务3-1：带有目录索引的文本网页 任务描述 给网页中一长段文字添加目录索引(超级链接)，点击目录索引时浏览器自动转到文档相应的位置。 设置从其他文档链接到该文档的某一部分的超级链接。 基本概念与原理 使用a甚至可以可以让链接精确地链到一个文档的某个部分(行)，这需要定义一个锚点。定义锚点的方法如下： a name=”anchorname1”锚点一/a 假如这句话包含在一个web文档中，那么从其他地方（可以从文档外也可以从文档内部）就可以链接到这个锚点。Name属性的值就是锚点的名称。这个功能对一些比较长的文档来说比较有用，比如FAQ(Frequently Answered Question)页面 任务3-1：带有目录索引的文本网页 参考代码 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title任务3-1 超级链接锚点/title /head body h3 align=center2010年出国留学申请有关问题解答/h3 hr p align=centernbsp;/p pa href=#faq012010年国家公派出留学申请表如何下载？/abr a href=#faq02申请表下载后显示不全或有乱码？/abr a href=#faq03申请时所交体检表是普通还是留学体检表？/abr a href=#faq04新出台的政策是否适用于已录取人员/abr a href=#faq05WSK外语总成绩是否包括笔试和口试成绩？/abr a href=#faq06二级学科代码如何查找？/abr a href=faq07重点资助学科、专业指南如何查找？/a /p p /p 任务