第4章 超链接的应用.pptVIP

第四章 超级链接的应用 第4章 超链接的应用 4.1 超级链接的基本操作 超链接允许我们从自己的页面出发直接指向因特网上存在的任何一个页面，或者说，在一台计算机上可以打开因特网上成千上万的网页文件。 按照链接的范围，超链接可以分为内部超链接、外部超链接和锚记超链接。内部超链接是指打开的超链接对象在本网站中；外部超链接是指打开的超链接对象在WWW其它网站中；而锚记超链接可以链接到同一网页中的不同位置，也就是书签。 1.建立网站内部超链接 我们在浏览网页的时候，常常会看到一些蓝色带下划线的文字，将鼠标指针移动到这些文字上时，鼠标指针变成手形，单击鼠标会打开另一个网页。这个链接就是一个文本超链接，带下划线的文字称为热区文本。 法一:选中”首页”文本,属性面板的链接文本框内输入”index.html”; 法二：选中文本，属性面板中单击“链接”后的文件夹； 法三：选中文本，属性面板中单击“指向文件”按钮不放，拖动鼠标直到指向该文件。 1. 建立网站内部超链接 1. 建立网站内部超链接 此时使用的是文档的相对路径来链接： 1）要链接的文件与当前文件在同一个文件夹中，只要输入文件名就可以 2）要链接的文件位于当前文件的子文件夹时，我们可以提供子文件夹名，如：images/back.gif 3）要链接的文件位于当前文件所在的文件夹的父文件夹时，文件名前加“../” 为文本添加链接后，属性面板中的目标下拉列表不再是灰色不可用状态 _blank:在新的未命名的浏览器窗口中加载链接文档; _parent：在父框架页或包含该链接的框架窗口中加载链接文档。 _self：将链接文档加载到与链接相同的框架或窗口中，该目标是默认值，所以通常不需要指定它； _top：将在整个浏览器窗口中加载链接文件，同时移除所有框架。 1. 建立网站内部超链接 2. 创建网站外部的链接 创建邮件链接。 1.可在链接文本框中输入:mailto:….@. 2.常用工具栏按钮 创建表单。 表单与表格类似，它是访问者和网站之间重要的交流工具。 方法：插入工具栏的表单项。 当访问者需要在网页中输入内容时，就要用到表单了，比如留言板、BBS等。 2. 创建网站外部的链接 添加文件下载链接。 有的时候，我们要在网页中为文件提供下载链接，每一个下载的文件必须对应一个下载链接，如果有多个文件的话，一般利用压缩软件将这些文件或者文件夹压缩成为一个文件。 2. 创建网站外部的链接 空链接 空链接也就是没有链接对象的链接，在空链接中，目标URL是用“#”来表示的。也就是在制作链接时，只要在“属性”面板的“链接”中输入“#”。 3.链接的管理 链接后，发现导航条的文字变成蓝色，不是很清楚，需进行调整。 “修改”菜单中“页面属性”命令，弹出页面属性对话框，选择链接分类。 链接颜色设定 已访问链接设置 下划线样式 4.2 超链接制作效果实例集锦 1.创建锚点链接。 所谓锚点链接，就是在文档中设置位置标记，并给该位置定义一个名称，以便引用。 通过创建锚点，可以使链接指向当前文档或不同文档中的指定位置。 锚点常用来跳转到特定的主题或文档的顶部，使访问者能够快速浏览到选定的位置，加快信息检索速度。 例：首页制作完了，接下来完成第二张网页“个人简介”。 1.创建锚点链接。 主要步骤： （1）光标定位，执行“插入”菜单“命名锚记”或“常用工具栏”中的“命名锚记”按钮； （2）左边栏中输入相应文字，选中后，然后创建锚点链接。属性面板上，链接后的指向文件按钮，按下按钮不放，拖动鼠标放到刚刚建立的锚点上为止。 4.2 超链接制作效果实例集锦 2.创建JavaScript脚本链接。 链接不仅是用来实现页面之间的跳转,也可以用来直接调用JavaScript语句,这种单击链接,执行Javascript语句的链接称为JavaScript链接. (1)创建简单的JavaScript脚本链接 例:把”wenxue.html”改动.选中图,属性面板中,链接文本框中输入:JavaScript:alert(‘你好,我是小慧’). F12预览,点击图时可出现提示框。 4.2 超链接制作效果实例集锦 2.创建JavaScript脚本链接。 (2)添加关闭窗口链接: 选中:关闭窗口 属性面板链接文本框: javascript:window.close() 4.2 超链接制作效果实例 2.创建JavaScript脚本链接。 (3)给链接增加提示 插入点放在要插入链接的位置, 常用工具栏中超级链接按钮: