04 超级链接.ppt

超 级 链 接 绝对路径和相对路径1 绝对路径 ： 使用完整的url地址的路径 其特点是 ： 路径同连结的源端点无关，文档在站点中移动 跳转不会发生错误 相对路径 ： 表述的是垸段和目标断电间的相对位置，一般是如下形式： ../sucai/tupian/cat.jpg  绝对路径和相对路径2 用它们创建的链接 其路径自动为相对路径 0. 准备工作 1 创建文本链接 2设置文本链接的属性 目标（T）的说明： _blank为打开新窗口； _parent为父窗口（使用框架时）； _seft为本窗口； _top为上级窗口（使用多级框架时）] 3文本链接练习 4 图片链接 5 映射图链接 6. 锚链接 抛锚 抛锚：即在文档的指定位置 插入锚标记 抛锚方法：1光标放到文档中的指定位置 2，插入面板-----锚按钮 链接命名锚 本页锚的链接方法： 1选中文字 2属性面板上 书写上锚的名称。注意以#号开头 7. 空链接 8. 脚本链接 9. 邮件链接 10. 管理链接 11. 链接个性化 12. 链接个性化 13. 链接个性化 14. 链接个性化 15. 链接个性化 16. 导航条 1-1 两种插入方式： ①选择“标准”对象面板上的插入导航条（Insert Navigation Bar）按钮； ②插入菜单→交互式图像→导航条。 17. 插入导航条对话框* 18.导航条练习 例2：创建一个包含四个按钮（每个按钮都包含四种状态）的导航条，实现控制图片的播放。效果如图所示： 创建Web相册 什么是Web相册 如何创建 什么是web相册 实际上就是在网页中显示图象的缩略图，每个缩略图都是一个指向原始对应图象的超级链接，点击即可放大。 创建web相册 要求机器同时安装了fireworks 步骤： 图象文件放在一个单独的文件夹中（可以不在站内） 命令菜单----创建web相册 创建web相册（对话框） * * 超级链接（L），简称链接，是页面与页面之间一个单向的关联关系。通过点击链接，我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。 新建几个HTML文档备用。 ①链接的方法：首先，在页面中选取需要建立链接的文字，然后： 属性面板?链接文本框中直接输入或利用“浏览文件”按钮 插入面板?常用?“超级链接”按钮 从站点窗口中直接拖动文件到属性面板?链接文本框 拖动属性面板?“指向文件”图标到站点窗口中的对应文件 ②练习： 将“熊猫馆”链接到panda.htm页 将“水族馆”链接到fish.htm页 ①普通图片链接与文本链接操作相似 ②映射图链接（设置热区域） 为图形设置热区域，创建链接 用于设置页内的书签，指向网页内的某个具体位置位置。可以是本页面、也可以是其它页面的具体位置。 3，填写锚名称 链接的锚位于其它页：则需要先输入该文档的URL地址和名称，然后输入# ，再输入锚名称 不是没有链接，而是一种特殊链接。 选中文字?属性面板?链接：# 单击文字链接，弹出警告对话框。 方法：选择代码视图，输入语句 a href=# onClick=alert(小心，最近野生放养区经常出事，请大家注意安全！)野生放养区/a 创建一个邮件链接，直接启动邮件管理程序。 1、启用自动更新 编辑?参数选择?常规?移动文件时更改链接?设置为“总是” 2、检查链接 文件?检查页?检查链接 3、测试链接 对链接目标逐一测试，按下ctrl键，同时双击链接 1、除去链接文字的下划线 利用CSS编辑器实现对于链接文字、光标移到链接上时的文字、鼠标点中链接时的文字以及访问过的链接文字的设置。 新建CSS样式 2、动态放大、缩小链接字体 修改CSS编辑器中，鼠标移到链接文字上时的属性 3、改变4种状态下链接文字的底色 新建CSS样式?定义在?新建样式表文件?输入文件名?修改各种链接文字的背景颜色 在其他网页中可以应用已创建好的CSS样式文件。 附加样式表 1 2 3 4 6 5 *