第6章超级连接

第6章超级连接 厦门软件学院熊锡义2007年3月 课前复习 Flash对象的类型 Flash文件 fla Flash动画影片文件 swf Flash模板文件 swt Flash元素文件 swc Flash视频文件格式添加背景音乐3 插入Shockwave影片 本章要点 路径超级链接的类型创建内部超级链接创建外部超级链接创建电子邮件链接创建锚记链接图像映射 6 1超级链接的概念 什么是超级连接超级链接的类型网页中的超级链接一般分为外部链接 内部链接 邮件链接和锚点链接等四种类型 路径绝对路径相对路径 6 2创建超级链接 使用属性检查器创建链接1 在 文档 窗口的 设计 视图中选择文本或图像 2 打开属性检查器 窗口 属性 如图5 2所示 单击 链接 文本框右侧的文件夹图标 以通过浏览选择一个文件 或在 链接 文本框中键入文档的路径和文件名 3 从 目标 弹出菜单中 选择文档打开的位置 若要使所链接的文档出现在当前窗口或框架以外的其它位置 可从属性检查器的 目标 弹出菜单中选择一个选项 blank将链接的文档载入一个新的 未命名的浏览器窗口 parent将链接的文档载入该链接所在框架的父框架或父窗口 如果包含链接的框架不是嵌套框架 则所链接的文档载入整个浏览器窗口 self将链接的文档载入链接所在的同一框架或窗口 此目标是默认的 所以通常不需要指定它 top将链接的文档载入整个浏览器窗口 从而删除所有框架 使用 指向文件 图标创建链接 1 使用 指向文件 图标链接创建链接1 在 文档 窗口的 设计 视图中选择文本或图像 2 拖动属性检查器中 链接 文本框右侧的 指向文件 图标 然后指向另一个打开的文档 已打开文档中的可见锚记或者指向 文件 面板中的一个文档 链接 文本框将更新 以显示该链接 4 释放鼠标按钮 2 从已打开文档中的选定内容创建链接1 在 文档 窗口中选择文本 2 按下Shift键 从选定内容处开始拖动 在拖动过程中 出现 指向文件 图标 3 指向其它打开的文档 已打开文档中的可见锚记 或者指向 文件 面板中的一个文档 4 释放鼠标按钮 使用菜单命令创建链接 超级链接 命令可以创建到图像 对象或其它文档或文件的文本链接 1 将插入点放在文档中希望出现超级链接的位置 2 选择 插入 超级链接 或在 插入 栏的 常用 类别中 单击 超级链接 按钮 出现 超级链接 对话框 3 完成对话框 4 单击 确定 例6 1 6 1 html 创建内部超级链接 链接到文档中的特定位置 创建到命名锚记的链接的过程分为两步 首先 创建命名锚记 然后创建到该命名锚记的链接 创建命名锚记选择 插入 命名锚记 按下Ctrl Alt A 在 插入 栏的 常用 类别中 单击 命名锚记 按钮 出现 命名锚记 对话框 如图6 4 在 锚记名称 文本框中 键入锚记的名称 并单击 确定 链接到命名锚记 例6 2 6 2 html 创建命名锚记的链接 1 在厦门特产网中打开xmtc html 2 在网页上部选择文字 特产介绍 3 在 插入 栏的 常用 类别中 单击 命名锚记 按钮 打开 命名锚记对话框 完成对话框 在文本框中输入 top 如图6 4所示 4 单击 确定 按钮 5 在网页底部输入文字 返回头部 并选择该文本 6 在属性检查器的 链接 文本框中 键入 top 7 保存 按快捷键F12预览 8 单击 返回头部 可以转向头部 方便浏览 创建电子邮件链接 单击电子邮件链接时 该链接打开一个新的空白信息窗口 使用的是与用户浏览器相关联的邮件程序 在电子邮件消息窗口中 收件人 文本框自动更新为显示电子邮件链接中指定的地址 使用 插入电子邮件链接 命令创建电子邮件链接 在 文档 窗口的 设计 视图中 将插入点放在希望出现电子邮件链接的位置 或者选择要作为电子邮件链接出现的文本或图像 选择 插入 电子邮件链接 或在 插入 栏的 常用 类别中 单击 插入电子邮件链接 按钮 出现 电子邮件链接 对话框 例6 3 6 3 html 创建电子邮件链接 1 在厦门特产网中打开主页index html 2 在第3行导航条内选择文字 联系我们 3 单击 插入 栏的 常用 类别中的 电子邮件链接按钮 打开 电子邮件链接 对话框 完成对话框 文本 联系我们 E Mail nfxxy 3 单击 确定 按钮 4 保存 按快捷键F12预览 5 单击 联系我们 打开OutlookEpress新邮件对话框 6 3使用图像地图 1 插入客户端图像地图1 在 文档 窗口中 选择图像 2 在属性检查器中 单击右下角的展开箭头 查看所有属性 3 在 地图名称 文本框中为该图像地图输入唯一的名称 如果在同一文档中使用多个图像地图 要确保每个地图都有唯一名称 4 若要定义图像地图区域 执行下列操作之一 选择圆形工具 并将鼠标指针拖至图像上 创建一个圆形热点 选择矩形工具 并将鼠标指针拖至图像上 创建一个矩形热点 选择多边形工具 在各个顶点上单击一下 定义一个不规则形状的热点 然后单击箭头工具封闭此形状 创建热点后 出现热点属性检查器 5 完成热点属性检查器中的有关内容 完成绘制图像地图后 在该文档的空白区域单击 以便更改属性检查器 例6 4 6 4 html 创建图像映像链接 1 在厦门特产网中打开xswl html 2 选择热区工具按钮中圆形工具 并将鼠标指针拖至福建省地区 创建一个圆形热区 在热点属性检查器中 使用 指向文件 图标指向要打开的文件a html 如图 所示 完成绘制图像地图后 在该文档的空白区域单击 以便更改属性检查器 保存 按F12 浏览网页 光标移到福建区域 单击 将链接到a html网页 修改图像地图 1 选择图像地图中的多个热点1 使用指针热点工具选择一个热点 2 按下Shift键的同时单击要选择的其它热点 或按Ctrl A 选择所有的热点 2 移动热点1 使用指针热点工具选择要移动的热点 2 将此热点拖动到新区域 或用Shift 箭头键将热点向选定方向一次移动10个像素 或使用箭头键将热点向选定方向一次移动1个像素 3 调整热点的大小1 用指针热点工具选择要调整大小的热点 2 拖动热点选择器手柄 更改热点的大小或形状 本章小结 正是由于超级链接的存在 才使得使用网络资源如此的方便 可以说超级链接是网络最具特色的功能 如果没有了超级链接 也就没有了互连网络 本章重点是各种链接的功能和实现方法 要熟练掌握使用属性检查器建立链接的方法 难点是相对地址和绝对地址的使用方法 作业 1 填空题1 网页中的超级链接一般分为 四种类型 2 若要链接到站点内的文档 输入 若要链接到站点外的文档 输入 创建链接可以使用属性检查器创建 使用 创建和