第5章-超链接重点.ppt

5.2 链接对象 注：旧的邮件客户端（OE）会有乱码问题，Outlook2010的解决方案：文件-选项-高级-勾选“国际选项”中的“对mailto:协议启用UTF-8支持”，其它第三方客户端不存在此问题。 示例HTML代码： 5.2 链接对象 5.2.4 FTP链接 FTP是一种文件传输协议，它是计算机与计算机之间能够相互通信的语言，通过FTP可以获得Internet上丰富的资源。 基本语法： a href=ftp://…/路径/文件名链接内容/a 语法说明： （1）ftp://：ftp资源地址。 （2）链接内容：页面中FTP资源的文字链接显示。 （3）如果FTP服务器支持目录列表索引，可以省略文件名，从列表中由用户选择下载。 5.2 链接对象 示例HTML代码： 5.2 链接对象 5.2.5 下载文件的链接 如果希望制作下载文件的链接，只需在链接地址处输入文件所在的位置即可。 基本语法： a href=url链接内容/a 语法说明： （1）url：代表文件所在的相对路径或绝对路径。 （2）文件类型可以是Word文档、pdf文档、可执行文件、压缩文件等。 （3）不同的浏览器可能根据文件类型直接在浏览器窗口中用默认的编辑软件打开或使用下载工具软件下载，此时可以右击该链接，然后选链接另存为才能通过浏览器下载该文件。 5.2 链接对象 示例HTML代码： 5.3 网页链接属性设置 在HTML里，可以使用a标记来建立网页的链接，CSS允许按照链接的状态来设置网页链接文字的效果。该部分内容就是我们在“CSS基础”在讲的伪类，由于使用频率较高，所以再复习一下，语法如表5-3所示。 表5-3 网页链接属性 5.3 网页链接属性设置 示例HTML代码： 示例CSS样式： 5.4 图像映射 图像映射就是在图像上先划分出不同的区域，然后定义哪个目标与图像的哪个区域对应，但单击图像的某一区域，就会把用户带到一个目标，单击另一区域，又会把用户带到另外的目标。其实，图像映射就是将图像内的区域与一系列URL链接起来了，从而单击特定区域就会把用户带到相应的内容。这里所讲的映射是客户端图像映射，这和服务器端图像映射相比，运行速度要快。 5.4 图像映射 基本语法： img src=URL　usemap=id/name map name=name id=id area shape= coords= href=URL /map 语法说明： （1）shape 说明映射区域的形状，取值可以是：rect（矩形）、circle（圆形）、poly（多边形）、default （整个图像区域）。 5.4 图像映射 （2）coords 用于标识映射区域的边界。它有四个“坐标”值，分别表示区域左边缘距离图像左边缘的距离、区域上边缘距离图像上边缘的距离、区域右边缘距离图像左边缘的距离、区域下边缘距离图像上边缘的距离。 （3）map标记符中，name属性的取值必须与img标记符中usemap属性的取值相同，只是usemap属性的值前面多了一个#。 5.4 图像映射 示例HTML代码： 小结 本章主要介绍了表格制作时用到的常用属性以及取值情况，需注意两点： 1） 在创建复杂的表格之前，最好对它进行规划，比如可以先用笔在纸上设计页面。 2） 使用表格排版网页时，要尽量细化表格，不要把整个网页放在一个大的表格里，因为表格内有一些载入较慢的元素（比如计数器）时，往往会延迟整个表格的显示。这是由IE的显示特性决定的，只有当表格内所有元素全部载入后，整个表格才得以显示。针对这个特点，可以将整个页面分成几块，例如通用的上（放置Logo、Banner、Menu等）、中（放置页面内容）、下（放置版权信息等）结构，将每一部分由单独的表格来实现，这种方法比较好。 作业 1 思考题 1）简述表格的适用范围。 2）举例说明用CSS的结构伪类选择符来实现表格某一行的样式设置方法。 3）简述如何不用table的border-collapse属性制作一个单线表格。 2 操作题 1）调试本章源代码。 2）利用表格来实现一个成绩登记表。 * * 第5章 超链接 教学目标 1. 了解超链接的概念 2. 掌握超链接的分类 3. 掌握链接对象的不同类型 4.学会创建超链接的方法 5. 学会设置网页链接的属性 6. 掌握图像映射 教学内容 5.1 创建超链接 5.2 链接对象 5.3 网页链接属性设置 5.4 图像映射 教学重点和难点 重点：创建超链接、链接对象、网页链接属性设置、图像 映射 难点：创建超链接、链接对象 导入： 网页上的不同链接对象 例：搜狐 网页文件的最大魅力是超越各个文件