第4章_在网页中建立各类超等链接教学课件.pptVIP

第4章 在网页中建立各种超级链接;学 习 目 标;本 章 重 点;创建超级链接;链接网页文件;3、直接打开指向的文件;注意： 当不清楚文件路径结构时，直接输入文件的地址或路径会导致链接不正确，从而找不到文件。为了保证路径正确性，最好使用“Browse for file”（浏览文件）按钮来浏览选择链接指向的文件。 说明：如果在一个新的且尚未保存的网页中创建链接，则操作过程中出现如图所示对话框：; 此时单击确定即可。;说明： 给图像添加链接的方法与文字完全相同，请下去自己试试。;链接到其它文件; 许多网站提供了文件下载的功能，实现文件下载的功能很简单，就是建立一个到文件的超级链接！（下载的文件和其它网页文件都放在本地站点中。）;二、创建外部超级链接;1.设计目标： 在页面中单击“友情链接”将打开中华网。;三、创建空链接;创建空链接;例：弹出提示警告对话框 A、新建一个文本，输入“休闲游戏” B、选中“休闲游戏”，在属性面板“Link”文本框中输入“javascript:alert(‘休闲游戏，不要玩过头了哦！’)”;例：制作一弹出提示警告对话框 A、新建一个文本，输入“休闲游戏” B、选中“休闲游戏”，在属性面板“Link”文本框中输入“javascript:alert(‘休闲游戏，不要玩过头了哦！’)”;在这里输入脚本链接;注意： 由于JavaScript代码在链接的html代码中是出现在双引号里（作为href属性的值），所以对于脚本代码中的引号就必须使用单引号，或者使用转义符——反斜杠，将反斜杠加在任何双引号前面即可（例如：\“休闲游戏，请不要玩过头了哦！\”）。;;设置链接目标;说明： 在“Target（目标）”文本框的下拉列表中 “_blank”表示在新的未命名的浏览器窗口中打开链接文档。 “_parent”、 “_self”、 “_top”选项的含义与框架有关。;创建E-mail链接;实现步骤：; 预览时，单击“与我联系”就自动打开outlook express，收件人的地址yiiz@163.com 已自动出现在收件人的文本框中了。 注意：“mailto”是连写的，分开写成“mail to”则会出现“该页无法显示”的错误。（为图像创建E-mail链接方法与文本方式一样，请自???试试）;练习： 完成含有超链接功能的网页，要求： 点击“1.html”时链接到新的一个网页，点击“word文档”时链接到一个word文档，点击“mp3音乐”时链接到mp3音乐，点击“图片”时打开一个图片。;创建锚点链接;创建锚点链接;A、插入锚点;注意：锚点名字最好不要用中文，可以用英文和数字;页面中出现锚点的标记（预览时不显示）。拖动锚点标记，可以改变锚点的位置。 选中锚点，可以在属性面板上修改锚点的名字。;B、链接锚点; 注意：在“#”号和锚点名称之间不要留空格，否则链接会出现错误。 说明：锚点的超级链接地址是“#”开头后面加上一个锚点名称。若是其它网页文件链接到锚点mao1，则在文件的Link文本框中输入“e4.htm#mao1”。; 快速返回首页的方法： 将光标定位到文章尾部，输入“go top”选中，在属性面板中‘Link’文本框中输入“#top”便可快速返回页首。; 通过锚点链接，可以使链接指向当前网页或不同网页中的指定位置。通常利用锚点跳转到特定的主题或页面的顶部，使访问者能够方便地浏览感兴趣的内容，加快信息检索速度。;练习：完成以下含有锚点功能的网页。;设置链接颜色;设置链接颜色;方法二：使用DW的配色方案 方法三：通过CSS选择器样式设置文本的链接颜色（推荐大家使用这种方法。我们在后面的章节中将会学到）;;制作过程： 1.设计目标：制作一个当光标移到图片上的不同部位时，就会显示出相应的说明文字。单击不同区域时会跳转到不同的网页。 2.页面分析：使用Image Map其中图片的各个部分对应一个热区。 3.素材准备：本页面中用到的图片 4.实现步骤：首先要制作热区，然后再制作超级链接。;制作示例：;（4）为热区添加说明文字和制作超级链接 热区绘制完成后，添加说明文字和制作超级链接。 i）单击一个热区。 ii）热区的属性面板上进行设置（与制作普通的链 接一样）只要把图像被截取部分（热区）看作 一个独立的元素即可。 iii）制作完成后保存，预览。;（5）编辑热区 制作热区时，如果感到不满意还可以进行修改： i）同时选中多个热区：单击一个热区后，再按住shift，可同