网页软件2
第三章 创建超级链接第五周 星期一 2012/9/24一、了解超链接什么叫超链接？答：所谓的超链接是指从一个网页指向另一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以
第三章 创建超级链接
第五周 星期一 2012/9/24
一、了解超链接
什么叫超链接？
答：所谓的超链接是指从一个网页指向另一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一张图片、一个电子邮件地址、一个文件
二、创建超级链接
1、内部链接——网站内部页面之间创建的超链接，这种链接的目标是同一个网站中的其它网页、文档。
A 、方法：
（1）选中页面中的文字或图像→在属性面板中单击“链接”文本框右侧的文件夹图标→通过浏览选择一个文件（网页或图片）→从“目标”下拉菜单中选择文档的打开方式→Ctrl S→预览
,（2）选中页面中的文字或图像→在属性面板中单击“链接”文本框右侧的指向文件按钮→拖拽至右侧浮动工具栏中站点文件下的某个文件（网页或图片）→从“目标”下拉菜单中选择文档的打开方式→Ctrl S→预览
B 、“目标”下拉菜单中文档的打开方式
—self ：在当前网页所在的窗口或框架中打开（一般默认下自动选择self ） —blank ：每一个链接会创建一个新的窗口，点击多少次就创建多少个新的窗口
—new ：会在同一个刚创建的窗口中打开，不管点击多少次，都只在一个新的窗口中打开
2、外部链接——这种链接的目标点是不同站点或本站点以外的网页文档。
A 、方法：
（1）选中页面中的文字或图像→在属性面板中单击“链接”文本框→输入外部链接地址→从“目标”下拉菜单中选择文档的打开方式→Ctrl S →预览
,（2）选中页面中的文字或图像→在属性面板中单击“链接”文本框→粘贴复制外部链接地址→从“目标”下拉菜单中选择文档的打开方式→Ctrl S→预览
B 、链接中要使用完整的URL 地址，如： “http://”是浏览网页网络协议
“www.baidu.com ”是域名
3、链接样式设置
首先准备好素材（包括图片、网页），置于站点文件夹内
A 、可以完成以操作：
（1）有链接字体颜色变化：已访问时字体颜色变化、未访问时字体颜色变化
（2）无链接的字体颜色
（3）下划线样式、大小、字体等设置
,B 、具体操作在页面属性→链接CSS 中操作→应用→确定
——链接颜色：选择链接文本或图像，指定应用于链接文本或图像的颜色
——以访问链接：指定链接被访问过的颜色
——变幻图像链接：指定当鼠标位于链接上时的颜色
——活动链接：指定鼠标在点击时的颜色
C 、如何使已访问的链接文本恢复到未访问时的颜色？
浏览器历史记录：工具→Internet →清除历史记录→确定→刷新→已访问的链接文本恢复到未访问时的颜色
4、锚点链接——到网页某一特定位置的超级链接，这种链接的目标端点是网页中的命名锚点，利用这种链接可以跳转到当前网页中的某一指定位置上，也可以跳转到其它网页中的指定位置。
A 、将光标置于需要加锚点的文字或图像→常用：命名锚点→给锚点命名→选择定位锚点的链接→属性栏：链接：#输入刚才的锚点名→Ctrl S →预览
B 、如果链接的目标锚点标记在当前页面，即直接输入#锚点名。
C 、如果链接的目标锚点标记在其它网页，即输入目标网页的地址和名称后，再输入#锚点名。
5、图像热区链接：指在一幅图片上创建多个区域热点，并可点击进行超链接。当用户点击某个热点区域时，会发生某种链接行为。
,（1）操作步骤：选中图像→在图像属性面板中，选择热区工具（矩形、椭圆、多边形）→在图像上框选热区→为绘制的每个热区设置不同的链接地址→从“目标”下拉菜单中选择文档的打开方式→Ctrl S→预览
（2）链接可选择内部链接（打开文件选择、拖拽）或外部链接（直接输入、复制粘贴）
（3）可进行锚点链接和网页、图片链接
（4）预览时，鼠标放于图片中的某个热区，网页下方会显示热区所链接的网页信息
本节课新知识的学习就到这里，下节课大家按照我们上面所讲的知识点，针对自己之前所做的网页（挑选一张），对其网页内容做5处文本超级链接、3处图像超级链接。
第五周 星期三 2012/9/26
一、其他创建超链接
,1、创建下载链接
指被链接的文件不是网页，而是exe 、zip 、rar 类型的文件，浏览器无法打开，则会提示文件会被下载的情况
操作步骤：
选中文字或图像→属性：链接文本框右侧的指定到文件→拖拽至exe 、zip 、rar 类型的文件→Ctrl S→预览→点击链接处→提示：运行、保存、取消
2、创建空链接
空链接用来激活页面中的对象和文本，当文本或对象被激活后，可以为之添加行为。
操作步骤：
选择需要制作空链接的对象→在链接文本框中直接输入“#” →保存、预览→点击链接→页面停留在刚才的页面中，没有跳转
例：导航栏中的首页链接，就可以是一个空链接
3、创建图像导航条
提前准备好素材导入站点文件夹（可通过图片编辑器完成素材编辑） 使用鼠标经过图像的方法创建导航条
二、跳转菜单
跳转菜单式网页中的弹出式菜单，可以创建任何文件类型的链接
,
1、操作步骤：
插入→表单→跳转菜单→菜单次：显示添加的网站地址→文本：如百度→选择是转到URL ：如百度网址→通过点击
过
2、表单属性设置
添加或删除网站→通调整添加的网页浏览顺序。→确定→完成
选择页面中正在编辑的表单→属性面板：添加或删除网站→通过→通过点击调整添加的网页浏览顺序。→确定
,三、脚本链接
1、添加到收藏夹
代码设置：javascript:window.external.addFavorite(‘http://www.baidu.com’, ‘百度’)
(网页地址及名称可以为其它)
如何使浏览者收藏自己设计的网站或网页？
答：选中文本“收藏本站”→将代码输入或复制到链接文本框→保存预览→点击链接→出现“添加到收藏夹”提示框→点击确定→完成设置
2、表示关闭窗口：javascript:window.close()
,
3、表示弹出一个提示对话框：javascript:alert(‘hello! ’)
4、设置为默认主页
onClick=“this style behavior='url(#default#homepage)';this,setHomePage (' http://www.baidu.com');”
A 、如何更给默认主页设计
浏览器→工具→Internet →常规→“可以更改主页”进行设计→首页可变更
B 、将自己的网页设计为首页
选中“设置为首页” →创建空链接→在网页编辑框中选中刚才的链接
,文本“设置为首页”→切换到代码视图→
→在“#”与 〉之间插入代码→保存预览
四、超链接管理
1、自动更新链接
A 、当文件的位置被改动时，自动更新改网页中的链接路径，同时也自动更新其他网页链接到这个网页的路径
选择站点目录下某个文件夹下的某个网页→拖拽到站点下另一个文件夹下→出现提示：是否更新→对比更新与不更新的区别
B 、设置自动更新：
编辑→首选参数→常规→文档选项：移动文件时更新链接→总是、从不、提示
2、检查链接
改变站点下对应链接的图片名→站点→检查站点范围的链接→属性栏下方出现断掉的链接→点击断掉的链接右侧文件夹图标→浏览找到正确的链接文件→确定→空白处点击→弹出提示：是否修复→是→完成修复