第9课 按图索骥——制作热点超链接 课件

课件12张PPT。第9课 按图索骥 ———制作热点超链接上课要求课前预习 将手机调到静音 认真做笔记 及时完成作业学会设置热点链接 学会设置命名锚记链接 学会管理链接 学习目标设置热点链接 热点链接：图像映射，就是使用热点工具将一张图片划分成多个区域，根据图片的不同位置分别设置链接。 操作步骤： 打开xizhaotai下的xishan.html。 点击图片dh.jpg。 选择矩形热点工具 ，拖动绘制矩形区域。 在属性检查器的链接编辑框选择要链接的文件index.html。 设置命名锚记链接命名锚记链接主要用于比较长的网页。 其源端点和目标端点位于同一个网页中，单击它可以从源端点跳到目标端点。 通常源端点位于网页下方，目标端点位于网页上方。 设置命名锚记链接的方法:首先插入命名锚记（相当于目标端点），然后创建跳转到该命名锚记的链接。 操作步骤: 打开草根视频下的main.html，插入点在博客排行榜的右侧空白处。 插入面板 常用 命名锚记 在锚记名称编辑框中输入锚记名称a2 选中要链接到命名锚记的文本或图像（小手），在属性检查器上链接编辑框输入“#锚记名称”（#a2）。 保存并预览。单击小手图标，可直接跳转到插入命名标记的位置（博客排行榜）。 注意：命名锚记链接与常规链接不同的地方，是要在链接的锚 记名称前输入符号“#”，它表示当前页。管理链接当用户在本地站点中移动或重命名文档时，Dreamweaver CS5可以更新选定文档中或指向选定文档的链接。 若用户将整个站点都存放在本地磁盘上时，该特性可以发挥最大的作用。 Dreamweaver CS5不会对远程站点做任何修改，除非用户向远程服务器存回或取出文件。 管理链接包括：更新链接和测试链接。更新链接 三种方法： 在“属性”面板的“链接”文本框中直接修改。 选定超链接，选择“修改”下的“更改链接”。 在超链接上单击右键，在弹出的快捷菜单中选择“更改链接”。 当用户在“文件”面板中移动或修改存储在本地的整个站点或站点中的某个完整的部分时，Dreamweaver CS5将自动更新该文档的相关链接。 操作方法： 选择“编辑”菜单下的“首选参数”。 在“常规”选项卡中的移动文件时更新链接下拉列表框中选择“提示”选项。 自动更新链接更新站点中某个文件的链接 在创建网站的过程中，有时可能需要在整个站点范围内手动更新某个链接，此链接可以是指向某个文档、电子邮件链接，也可以是空链接或者脚本链接。 操作步骤： 选择“站点”下的“改变站点范围的链接”。 单击“更改所有的链接”选择要更改取消链接的文件，单击“变成新链接”选择要更新的文件。 测试链接创建好一个站点后，由于一个网站中的链接数量比较多，在上传之前必须先检查站点中所有的链接。 若发现站点中存在中断的链接，需要修复后才能上传到服务器。超链接的测试必须在浏览器中进行。 操作步骤： 打开要测试的文档。 选择“文件”下的“检查页”下的“链接”命令，若有断开的链接，则会以列表的形式在窗口的底部列出。 谢谢 ... ...