网页制作Dreamweaver CS4 - 4、创建超级链接.ppt

创建鼠标经过图像的方法是，选择【插入】/【图像对象】/【鼠标经过图像】命令，或在【插入】/【常用】面板的图像按钮组中单击 按钮，弹出【插入鼠标经过图像】对话框并进行参数设置即可，如图所示。 返回目录 创建导航条的方法是，选择【插入】/【图像对象】/【导航条】命令，或在【插入】/【常用】面板中单击 按钮，弹出【插入导航条】对话框并进行参数设置即可，如图所示。 返回目录 超级链接不仅可以用来实现页面之间的跳转，也可以用来直接调用JavaScript语句。这种单击链接便执行JavaScript语句的超级链接通常称为JavaScript链接。创建JavaScript链接的方法是，首先选定文本或图像，然后在【属性】面板的【链接】文本框中输入“JavaScript:”，后面跟一些JavaScript代码或函数调用即可。 返回目录 JavaScript:alert(字符串)：弹出一个只包含【确定】按钮的对话框，显示“字符串”的内容，整个文档的读取、Script的运行都会暂停，直到用户单击“确定”为止。 JavaScript:history.go(1)：前进，与浏览器窗口上的“前进”按钮是等效的。 JavaScript:history.go(-1)：后退，与浏览器窗口上的“后退”按钮是等效的。 JavaScript:history.forward(1)：前进，与浏览器窗口上的“前进”按钮是等效的。 JavaScript:history.back(1)：后退，与浏览器窗口上的“后退”按钮是等效的。 JavaScript:history.print()：打印，与在浏览器菜单栏中选择【文件】／【打印】命令是一样的。 JavaScript:window.external.AddFavorite(,老虎工作室)：收藏指定的网页。 JavaScript:window.close()：关闭窗口。如果该窗口有状态栏，调用该方法后浏览器会警告：“网页正在试图关闭窗口，是否关闭？”，然后等待用户选择是否关闭；如果没有状态栏，调用该方法将直接关闭窗口。 返回目录 首先将“范例解析\素材\第4讲\4-2-2”文件夹下的内容复制到站点根文件夹下，然后打开文档“4-2-2.htm”创建导航条超级链接，最终效果如图所示。 这是设置导航条超级链接的一个例子，可以通过【插入】/【图像对象】/【导航条】菜单命令打开对话框进行设置，具体操作步骤参考教材。 返回目录 首先将“课堂实训\素材\第4讲\4-2-3”文件夹下的内容复制到站点根文件夹下，然后打开文档“4-2-3.htm”创建导航条超级链接，最终效果如图所示。 这是设置鼠标经过图像超级链接的一个例子，可以通过【插入】/【图像对象】/【鼠标经过图像】菜单命令打开对话框进行设置。 返回目录 将“综合案例\素材\第4讲”文件夹下的内容复制到站点根文件夹下，然后根据要求设置文档中的超级链接，最终效果如图所示。 设置文本和图像超级链接：设置文本“直接阅读英文全文”的链接目标文件为“English.htm”，设置网页中图像“images/sudus.jpg”的链接目标文件为“picture.htm”，打开目标窗口的方式均为在新窗口中打开。 设置电子邮件超级链接：给文本“联系我们”添加电子邮件超级链接，链接地址为“yx2008@”。 设置脚本链接：给文本“前进”、“后退”、“打印本页”和“关闭窗口”依次添加相应的脚本链接。 创建锚记超级链接：在文档“cosmic speed”（即文件English.htm）中每段的开头依次添加锚记“a”、“b”、“c”、“d”、“e”、“f”、“g”、“h”，然后给“宇宙速度”网页每段结尾处中的文本“对应英文”依次添加锚记超级链接，分别链接到文件“English.htm”中对应的英文，并且在新建窗口中打开。 设置文本状态：设置链接颜色为“#060”，变换图像链接颜色为“#F00”，且仅在变换图像时显示下划线。 这是设置超级链接的一个例子，可以通过【属性】面板、菜单命令以及【页面属性】对话框进行设置。 返回目录 返回目录 教学目标 4.1 设置普通超级链接 4.1.1 功能讲解 4.1.2 范例解析──设置“度假胜地”网页中的超级链接 4.1.3 课堂实训——设置“黄山四绝”网页中的超级链接 4.2 设置特殊超级链接 4.2.1 功能讲解 4.2.2 范例解析——设置导航条 4.2.3 课堂实训——设置鼠标经过图像 4.3 综合案例──设置“宇宙速度”网页中的超级链接 掌握设置文本和图像超级链接的方法。 掌握创建图像热点超级链接的方法。 掌握设置下载超级链接和空链接的方法。 掌握设置电子邮件超级链接和锚记超级链接