《Dreamweaver实例教程 教学课件 ppt 作者叶哲丽 孙海龙第6章》由会员分享,可在线阅读,更多相关《Dreamweaver实例教程 教学课件 ppt 作者叶哲丽 孙海龙第6章(13页珍藏版)》请在金锄头文库上搜索。
1、第六章,网站中的链接,学习目标 1)创建和使用链接; 2)了解链接的方式;,6.1 超级链接,重点提示 1)超级链接的概念。 2)了解链接的路径。 3)链接的颜色介绍。,链接路径,网页中的链接按照链接路径的不同可以分为三种,下面分别介绍一下。 绝对路径:提供链接文档的完整URL,而且包括所使用的协议。 例如:http:/ 文挡相对路径:省略了对于当前文档和所链接的文档都相同的绝对 URL 部分,而只提供不同的路径部分,例如:pic/pic1.htm。 站点根目录相对路径:提供的是从站点的根文件夹到文档的路径。例如:/ pic/pic1.htm。,实例:设置链接的颜色,6.2 创建链接,重点提示
2、 1)文本链接。 2)图像链接。 3)电子邮件链接。 4)下载链接。 5)锚链接。 6)空链接。,实例2:为文本添加超级链接。 注意:4种链接目标的含义: -blank:表示打开一个新的浏览器窗口,在其中显示链接所指向的网页文档内容。 -parent:回到上一级的浏览器窗口,显示链接所指向的网页文档内容。 -self:在当前的浏览器窗口中显示链接所指向的网页文档内容。 -top:回到最顶端的浏览器窗口中显示链接所指向的网页文档内容。,实例3:设置电子邮件链接,网页内部的跳转就要用到锚,例如一篇很长的文章在阅读完后想要回到最上面的导航栏选择新的文章,用户要拖动滚动条返回到最上面会很麻烦,这时使用
3、锚就很方便。 实例4:链接到锚。 步骤:(1)命名锚记。 (2)设置链接。,6.3 创建跳转菜单,重点提示 1)跳转菜单。 2)编辑跳转菜单项。,实例5:创建跳转菜单。 实例6:编辑跳转菜单项,6.4 综合实例,实例7:结合本章所学知识,完成如下操作: 1)作一个首页,点击链接或选择跳转菜单时打开相应的歌词。 2)文章页中有联系词作者的邮件链接和返回到最上的锚点链接,点击最上面的Logo图片返回首页。 (请点击这里进入助教视频),本 章 小 结,通过本章的学习,读者可以熟练掌握使用超级链接的使用方法,在自己的网页中使用多层链接。超级链接是网页中最重要的元素之一,具有事半功倍的效果,因此应该熟练掌握。,