4.3.3建立超链接 (2).ppt

建立超链接 概念 超链接是指从一个网页指向一个目标的连接关系 这个目标可以是另一个网页 也可以是相同网页上的不同位置 还可以是一个图片 一个电子邮件地址 一个文件 甚至是一个应用程序 而在一个网页中用来超链接的对象 可以是一段文本或者是一个图片 当浏览者单击已经链接的文字或图片后 链接目标将显示在浏览器上 并且根据目标的类型来打开或运行 1 文本2 图形3 图形热区 超链接的两个元素 建立超链接的一般步骤 2 打开 创建超链接 对话框 插入 超链接 右击 超链接 常用工具栏上的按钮 1 先选定链接源 文字 图片 图形热区 3 设置链接目标 统一资源定位符 创建超链接对话框 常见的超链接有哪几种 到网页或文件的超链接 到外网站的超链接 到书签 网页中的某一位置 的超链接 到E mail的超链接 任务1 文字链接 网页文件编辑素材与样张图片存放在 D 1 中 打开文件 D 1 test htm 进行以下操作并保存 效果如图片 样张 jpg 所示 将表格左边四个单元格中的文字分别链接到对应的网页文件 任务2 图片链接 网页文件编辑素材与样张图片存放在 D 2 中 打开文件 D 2 zhongqiu htm 进行以下操作并保存 效果如图片 样张 jpg 所示 将网页最后的表格第一行第一个单元格中的图片y1 jpg链接到网站 将第一行第二个单元格中的图片y2 jpg链接到电子信箱soft 观察 超链接HTML代码 唐朝诗 htm 宋朝词 宋朝词 htm 清朝小说 元朝曲 htm 元朝曲 清朝小说 htm mailto soft 唐朝诗 宋朝词 清朝小说 元朝曲 唐朝诗 Linktext 任务3 热点链接 网页文件编辑素材与样张图片存放在 D 3 中 打开文件 D 3 index htm 进行以下操作并保存 效果如图片 样张 jpg 所示 在 纪念馆概况 与 梅兰芳研究 上分别建立圆形热点和长方形热点 链接分别为 intro htm 和 mlf htm 思考 在一幅图片上可以建立 个超链接 任务4 书签链接 网页文件编辑素材与样张图片存放在 D 4 中 打开文件 D 4 14 htm 进行以下操作并保存 效果如图片 样张 jpg 所示 1 在网页中的 插入书签处 提示处 给 春节各地食俗 添加书签 书签名为 春节各地食俗 并删除提示文字 2 将表格中的 春节各地食俗 链接到书签处 思考 超链接的目标是否可以在同一个网页 书签 就是网页中被标记的位置或被标记的选中文本 可以作为超链接的目的地 难点突破 建立书签式超链接的步骤 1 在网页中某位置定义一个书签 插入菜单 书签 2 建立一个连到该书签的超链接 图形热区超链接 就是在图片中的某个位置建立超链接 而这个位置就叫热区 建立图形热区超链接的步骤 1 先在图片中的某个区域建立热区 图片工具栏 2 选择连到该热区的目标 小小设计师 综合实践 设计要求 建立的超链接要正确 合理 09单机练习网络技术应用 156中11 16 3160中306 312 318 总结 一 链接就是跳转 有 小手 处就有链接 二 超链接的分类 三 链接方法 选定起点 超链接 选择终点 1 同一页面内部的链接 书签式链接 2 不同页面之间的链接 链接到其他网页 3 链接到Web站点 链接到网站 电子邮件 4 建立图像映射 图形热区超链接 课后思考与研究 1 观察未访问过超链接连接源的颜色 访问过后的颜色