（1）定义
所谓锚点链接，是指在同一个页面中的不同位置的链接。 （2）锚点链接的作用
作用是当页面内容较长时，为了浏览更加方便，可以在页面的某个分项内容的标题上设置锚点，然后在页面上设置锚点的链接，这样用户就可以通过链接快速地直接跳转到指定页面中。
5．创建其他超链接： （1）空链接
有时候我们需要一种超链接的样式效果，但不需要其链接跳转到任何其他页面或站点。此时，空链接无疑是非常适合的。空链接指向的被链接文件是文件本身，操作方法是在“属性”面板“链接”文本框中直接输入“#”即可。 （2）下拉菜单链接
多个超链接使用一个下拉的菜单包括，单击显示菜单选择其中的链接文本即可打开对应的超链接，多应用在超链接较多、超链接分类的页面中。 （3）框架网页链接
主要应用在框架结构的网页中，在效果方面的显示是这样的：一个页面，在某块区域为页面的链接导航，某块区域为内容的显示，单击不同的超链接，该区域显示不同的信息内容。 教学小结：
超级链接是网页的灵魂，它能使网页成为一个有机的整体。本任务主要介绍了超级链接的分类、创建、地址的应用。 课外作业：
1．超级链接可以分为哪几类？ 2．举例说明几种地址的应用？
3．什么是锚点链接？如何创建锚点链接？ 板书设计：
任务2 图像地图的创建
教学目标：
1．掌握图像地图的含义；
2．掌握热点区域的创建及绘制； 3．掌握图像地图的创建； 教学重点：
1．热点区域的创建及应用； 2．图像地图的创建； 教学难点：
图像地图的创建 教学方法： 教学内容：
一、图像地图映射概念
所谓图像映射，就是将一幅图像分成若干区域，并且每个区域都有自己的链接。图像映射可用于地图，导航等应用中。 二、热点区域的应用 1．绘制热点区域
从插入栏中选择“绘制矩形热点”选项，单击要映像的区域的一角，然后沿对角线拖动
21
鼠标绘制出一个矩形，释放鼠标，则会显示出指定区域。最后在“属性”面板中设置链接、目标和替换文本框。 2．修改热点区域
每个热点区域边框上都有控点，可用来改变热点的大小及形状。移动修改各控点之前，应先选中―属性‖面板中的指针热点工具。矩形图形有四个控点，位于图形的四个角上。拖曳任意一个控点可以改变图形大小及形状。 提示：
（1）拖动时按住Shift键，将保持矩形为正方形。
（2）椭圆形热点也有四个控点，拖曳任意一个控点都可以缩小或放大圆形的直径。 教学小结：
介绍了图像地图的创建及应用，了解了这一类网页的应用及编辑。 课外作业：
1．图像地图的含义？
2．热点区域有哪几类？如何应用？
第4章内容小结
一、超级链接 1．概念：
是指站点内不同网页之间、站点与Web之间的链接关系，它可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系。超级链接由两部分组成：链接载体和链接目标。
·超链接元素：文本、图像、图像热区、动画等 ·链接目标：可以是任意网络资源。
例如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置 -- 锚点。 2．超链接的类型：
内部链接：同一网站文档之间的链接。 外部链接：不同网站文档之间的链接。
锚点链接：同一网页或不同网页中指定位置的链接。 E-mail链接：发送电子邮件的链接。 3．超链接路径
（1）绝对路径，为文件提供完全的路径，包括适用的协议，例如http、ftp，rtsp等。 （2）相对路径，相对路径最适合网站的内部链接。如果链接到同一目录下，则只需要输入要链接文件的名称。要链接到下一级目录中的文件，只需要输入目录名。然后输入“/”，再输入文件名。如链接到上一级目录中的文件，则先输入“../”再输入目录名，文件名。
（3）根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头。 二、超级链接的创建
1．创建外部链接的方法：
（1）直接输入地址：选中要加超链接元素，在属性面板中，“链接”文本框直接输入外部绝对地址。
（2）使用超级链接对话框：选中要加超链接元素,单击常用快捷栏中的“超级链接”按钮。输入“文本”、“链接”、“目标”、“标题”等信息。 2．创建内部链接的方法：
在文档窗口选中文字，单击属性面板“链接”后的按钮，弹出“选择文件”对话框，选择要链接到的网页文件，即可链接到这个网页。我们也可以拖动“链接”后的按钮到
22
站点面板上的相应网页文件，则链接将指向这个网页文件。此外，我们还可以直接将相对地址输入到“链接”文本框里来链接一个页面。 3．创建E-mail链接：
单击常用快捷栏中的“电子邮件链接”按钮，弹出“电子邮件链接”对话框，在对话框的文本框那输入要链接的文本，然后在E-mail文本框内输入邮箱地址。 三、图像地图的应用 1．图像地图映射概念
就是将一幅图像分成若干区域，并且每个区域都有自己的链接。图像映射可用于地图，导航等应用中。 2．使用绘图工具：
从插入栏中选择“绘制矩形热点”选项，单击要映像的区域的一角，然后沿对角线拖动鼠标绘制出一个矩形，释放鼠标，则会显示出指定区域。最后在“属性”面板中设置链接、目标和替换文本框。
按照以上步骤，在插入栏中选择“绘制椭圆热点”或“绘制多边形热点”选项，可以使用椭圆热点工具或多边形热点工具绘制热点区域。 3．修改热点区域：
每个热点区域边框上都有控点，可用来改变热点的大小及形状。移动修改各控点之前，应先选中“属性”面板中的指针热点工具。
矩形图形有四个控点，位于图形的四个角上。拖曳任意一个控点可以改变图形大小及形状。拖动时按住Shift键，将保持矩形为正方形。
椭圆形热点也有四个控点，拖曳任意一个控点都可以缩小或放大圆形的直径。例如，如果拖住圆形顶部的控点向上移动，圆形将往上扩展。
每一个多边形热点的角上都有一个控点，单击某个控点将其拖至新的位置，多边形的形状也会随之变化。
第5章 框 架（4学时）
本章学习目标：
1．了解使用框架的优缺点；
2．掌握框架网页在创建、选择、设置、存储方面的特点； 3．掌握框架和框架集的创建； 4．掌握框架结构网页的制作； 5．掌握嵌入式框架的使用； 教学重点：
1．框架结构网页的制作； 2．框架与框架集的创建； 教学难点：
嵌入式框架 教学方法：
教师使用多媒体投影演示制作过程，学生上机操作完成实例与实训
任务1 创建框架网页
教学目标：
1．理解掌握框架的作用及创建；
2．理解掌握框架及框架集属性的设置； 3．掌握框架下超级链接的创建；
23
教学重点：
1．框架的创建及属性设置； 2．框架及框架集的设置及关系； 教学难点：
框架与框架集的应用及超级链接的创建； 教学方法：
示例演示法，任务驱动法 教具准备：
多媒体教学环境 教学内容：
一、框架和框架集 1．框架的概念
框架是浏览器窗口中的一个区域，用于显示独立的HTML文档。两个或两个以上的框架组合成一个见面。框架经常用于导航，一个框架显示包含导航栏目的文档，另一个框架显示含有内容的文档。 2．框架集的概念
在网页上定义的一个区域就是单个框架，而框架集则记录了同一个网页中多个框架的布局、超链接和属性信息。利用框架可以把浏览器窗口划分为若干个区域，每个区域可以添加任意网页元素，也可分别显示不同的网页。 注意：
框架集也是HTML文件，但它本身并不包含要显示的HTML内容，它只是向浏览器提供应如何显示一组框架及在这些框架中应显示哪些文档。 3．框架与框架集的关系
框架集与框架之间的关系其实就是包含与被包含的关系，框架集相当于一个容器，框架则是放在容器中的东西，框架集记录了框架的位置，以及框架中包含的网页的链接地址。 二、创建框架
DreamweaverCS3中给出了框架的预定格式，一般采用预定格式即可创建框架页。创建框架的具体操作如下：
1．选择【文件】→【新建】命令，打开【新建文档】对话框。
2．在插入工具栏中的【布局】选项卡中单击【框架】按钮 ，在弹出的下拉菜单中选择需要的框架样式。
三、 框架和框架集的选择 1、框架的选择
? 按住【Alt】键，在要选择的框架内单击鼠标即可选取该框架； ? 在【框架】面板中单击框架来选取它。 ? 被选取的框架显示为虚线框。 2、框架集的选择： ? 单击框架边框；
? 在选取一个框架的基础上按住【Alt】键，再按键盘上的方向键来选取同级、不同级的
框架。
四、调整框架大小
? 拖动框架边线即可调节框架的大小；
? 通过框架集【属性】面板中的【行列选定范围】项来调节。 五、拆分框架
24
选取一个框架后，再按住【Alt】键并拖动框架边线或文档窗口四周的边框，即可将框架拆分为多个框架。如果将框架边线拖到另一框架边线或窗口边界处，则可删除框架；如果其中有内容，则会提示是否保存要删除的框架中的内容。 六、设置框架属性
选取框架后，其【属性】面板如下图所示。
（1）滚动：指定在浏览器中框架是否显示滚动条。
“是”表示浏览器始终显示滚动条； “否”表示不显示滚动条；
“自动”表示根据内容的多少在需要时显示； “默认”则取决于用户浏览器的设置。
（2）不能调整大小：在浏览器中用户是否可以用鼠标拖动框架，默认值为不能调整大小。 七、设置框架集属性
选取框架集后，其【属性】面板如下图所示。
（1）边框：是否在浏览器中显示边框。 （2）边框宽度：设置边框的宽度。 （3）边框颜色：设置边框颜色。
（4）列：用于设置框架的列宽，默认单位为像素。 教学小结：
介绍了网页的另外一个布局网页的方式-----框架，讲述了它的创建，编辑及属性设置，讲述了框架与框架集的关系。 课堂练习：
什么是框架？什么是框架集？它们二者之间有什么关系？ 板书设计： 教学反思：
表格与框架均为网页布局的方式，但框架的优势是能在一个网页中设置超级链接，显示网页的内容。
任务2 嵌入式框架
教学目标：
1．熟练掌握表格及单元格的应用； 2．掌握嵌入式框架代码的应用； 教学重点：
嵌入式框架的应用 教学难点：
嵌入式框架的代码
25