《Dreamweaver CS5网页设计教程 教学课件 ppt 作者 杨子燕 第5章》由会员分享，可在线阅读，更多相关《Dreamweaver CS5网页设计教程 教学课件 ppt 作者 杨子燕 第5章（26页珍藏版）》请在金锄头文库上搜索。
1、高等职业院校立体化精品系列规划教材,第5章 在网页中创建 超链接,学习目标,知识目标 了解超链接的组成和种类。 掌握文本超链接、图像超链接、外部超链接和图像热点超链接的创建方法。 熟悉锚点超链接、电子邮件超链接、文件超链接和空链接的创建方法。 课堂实例预览,主要内容,制作“公司地图”网页,1,制作“给我们留言”网页,2,实训制作“精品线路”网页,3,制作“公司地图”网页,相关知识点讲解,创建图像超链接,认识超链接,创建文本超链接,创建外部超链接,创建图像热点超链接,认识超链接,超链接的组成 超链接主要由源端点和目标端点两部分组成，有超链接的一端称为超链接的源端点，单击超链接源端点后跳转到的页面
2、所在的地址称为目标端点，即“URL”。,认识超链接,超链接的种类,相对链接：这是最常见的一种超链接，它只能链接网站内部的页面或资源，也称内部链接，是链接目标相对于创建链接的页面对应的路径。 绝对链接：与相对链接对应的是绝对链接，绝对链接是严格的寻址标准，包含了通信方案、服务器地址和服务端口等。 文件链接：当浏览器访问的资源是不可识别的文件格式时，浏览器就会弹出下载窗口，将其原样抛出，这就是文件链接的原理。 空链接：空链接并不具有跳转页面的功能，而是提供调用脚本的按钮。 电子邮件链接：电子邮件链接提供浏览者快速创建电子邮件的功能，单击此类链接后即可进入电子邮件的创建向导。 锚链接：用于跳转指定的
3、页面位置。,创建文本超链接,选择需要添加链接的文本，单击“属性”面板中的 按钮，然后单击“链接”文本框右侧的“浏览文件”按钮 ，打开“选择文件”对话框，选择需要链接的对象。,创建图像超链接,选择需要添加超链接的图像，单击“属性”面板中“链接”文本框右侧的“浏览文件”按钮 ，在打开的对话框中选择链接的对象。,创建外部超链接,选择需要添加超链接的对像，在“属性”面板的“链接”文本框中直接输入外部链接的URL地址。,创建图像热点超链接,图像热点超链接是一种非常实用的链接工具，它可以将图像中的指定区域设置为超链接对象，从而实现单击图像上的不同区域，跳转到指定页面的功能。,制作“给我们留言”网页,相关知
4、识点讲解,创建文件超链接,创建锚点超链接,创建电子邮件超链接,创建空链接,插入脚本链接,创建锚点超链接,命名锚记 命名锚记的作用在于创建锚点超链接时能有对应的锚点依据。在需要添加命名锚记的位置单击鼠标定位插入点，在“插入”面板中选择“常用”插入栏，并选择“命名锚记”选项，在打开的对话框中输入锚记名称。,创建锚点超链接,链接锚记 选择锚记需要链接的对象，在“属性”面板的“链接”文本框中输入锚记名称即可。,创建电子邮件链接,在网页中创建电子邮件超链接，可以方便网页浏览者利用电子邮件给网站发送相关邮件。选中需要添加链接的对象，在“属性”面板的“链接”文本框中输入“mailto:”，冒号后跟电子邮件地
5、址即可。,创建文件超链接,文件超链接可以实现网页资源的下载功能。选择需要添加链接的对象，在“属性”面板中单击“链接”文本框右侧的“浏览文件”按钮 ，在打开的对话框中选择需要链接的文件即可。,创建空链接,空链接不产生任何跳转的效果，一般为了统一网页外观，会为当前页面对应的文本或图像添加空链接。空链接还可实现复杂的脚本链接功能，比如将网页设置为首页等。 选择需创建空链接的对象，在“属性”面板的“链接”文本框中输入“#”，按【Enter】键确认即可。,插入脚本链接,设置“收藏本站”脚本链接 该处的脚本链接可以实现单击超链接后，打开“添加到收藏夹”对话框，将指定的网页添加到浏览器收藏夹中。 选择网页上
6、方的“收藏本站”文本，在“属性”面板的“链接”文本框中输入“javascript:window.external.addFavorite(http:/www. ,千履千寻)”。,插入脚本链接,设置“关闭窗口”脚本链接 该脚本链接可以实现单击超链接后，提示是否确认关闭当前访问页面的功能。 选择网页上方的“关闭窗口”文本，在“属性”面板的“链接”文本框中输入“javascript:window.close()”。,插入脚本链接,设置“设为首页”脚本链接 该脚本链接可以实现将当前网页设置为主页的目的，当打开浏览器后将自动访问该网页内容。 选择需添加链接的对象，单击 按钮，在“代码”面板选中的对象左侧
7、添加相应的脚本。,实训制作“精品线路”网页,实训目标 本实训的目标是制作“精品线路”网页，要求在提供的网页中通过添加各种超链接完成网页之间的关联效果。其中要求在网页上方banner图像、导航路径以及网页下方的功能区中均实现超链接效果。本次实训的重点在于练习超链接的创建，由于已经将一个极其简单的“精品线路”网页制作好，只要直接在其上完成实训内容即可。,实训制作“精品线路”网页,专业背景 “精品线路”网页在整个旅游类网站中起着画龙点睛的作用，它把所有浏览者访问、下单次数最多的旅游线路统计并归纳起来，为后续浏览者提供实时有用的信息，一方面可以方便大家在最短时间内找到最热门、最完美的旅游线路，一方面也进一步对这些旅游方案做了推广，并进一步推广了整个网站。,实训制作“精品线路”网页,操作思路,习题,（1）打开“shouye-me.html”网页，将上方的“心情客栈”文本链接到“xqkz-me.html”网页。 （2）利用热点工具将“进入主页ENTER”和日志（圆形）分别连接到“zhuye-me.html”和“xqkz-me.html”网页。 （3）利用电子邮件链接将“邮件传情”文本链接“”邮箱。 （4）分别利用各种脚本链接和空链接，实现“设为主页”、“收藏我吧”和“关闭窗口”文本对应的互动功能，其中网址为“”，收藏名称为“我的世界”。,Thank You !,,谢谢观赏,
