网页制作网页中的超链接课件

《网页制作网页中的超链接课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、5.2网页中的超链接超链接简介超链接的组成与特点创建超链接编辑及管理超链接书签的使用使用导航栏为图形添加特点1第五章网页中图片、超链接及表格的处理超链接简介超链接：网页中的关联，关联可以是一个网页、一幅图像、一个多媒体文件、一个MicrosoftOffice文档、一个电子邮件地址、一个可执行文件。当浏览者单击超链接，目标将显示在Web浏览器中，并根据目标的类型打开或运行。2第五章网页中图片、超链接及表格的处理超链接的组成超链接的组成：链接的载体以及链接的目标地址。链接的载体：显示链接的部分，即包含超链接的图像和文字；链接的目标地址：当单击超链接

2、时所显示的内容，它可以是本站点的另一个网页，也可以是另一个站点中的一个网页，或进行文件下载等。3第五章网页中图片、超链接及表格的处理超链接的特点(1)绝对超链接。当链接的目标地址是一个绝对URL，即完整的Internet地址，它可以实现Internet的直接定位。(2)相对超链接。当链接的目标地址是一个相对URL，即URL中缺少一个或多个部分，如协议或域等。4第五章网页中图片、超链接及表格的处理超链接的种类网页中的超链接一般有三种：内部超链接：在同一站点内的网页之间的相互连接的通道。外部超链接：通向Internet的通道。书签：同一网页中的超链

3、接。5第五章网页中图片、超链接及表格的处理创建超链接(1)选定链接源（文本、图像或其他元素）(2)工具栏的“超链接”按钮或“插入”/“超链接”(3)选择超链接方式6第五章网页中图片、超链接及表格的处理链接到其他网站方法1：在页面中直接输入网址方法2：输入文字后设置超链接（输入URL地址）方法3：通过浏览器链接。步骤：1）用IE打开要链接目标（网页）2）在FrontPage中执行“插入”/“超链接”3）单击对话框中“使用Web浏览器来选择网页或文件”按钮4）单击已打开的链接目标，网址和网页名自动写入FrontPage超链接对话框的URL地址栏中。

4、7第五章网页中图片、超链接及表格的处理“使用Web浏览器来选择网页或文件”按钮链接到电子信箱方法1：在页面中直接输入E-mail地址方法2：输入文字后设置超链接，单击“制作发送电子邮件的超链接”按钮，然后输入E-mail地址。8第五章网页中图片、超链接及表格的处理链接到一个新的网页链接非网页数据以供他人下载在“超链接”对话框中单击“制作一个指向你计算机上文件的超链接”按钮，选择要链接的文件。链接到目前网站内部的文件在“超链接”对话框的文件列表中选择链接目标9第五章网页中图片、超链接及表格的处理编辑超链接(1)设置超链接文本的颜色。超链接：未被选

5、中的超链接。当前超链接：当前被选中的超链接。已访问过的超链接：已经被浏览过的超链接。步骤：在“普通”视图窗口的快捷菜单中选择“网页属性”命令，在对话框的“背景”标签下修改。(2)设置超链接文本的字体效果。步骤：1）打开“网页属性”对话框，选择“背景”选项卡；2）选中“启用超链接翻转效果”，3）单击【翻转样式】按钮，在“字体”对话框中根据需要对超链接文本的字体、字号、字形等进行设置。10第五章网页中图片、超链接及表格的处理编辑超链接（Contd.）(3)更改代表超链接的图片外观。步骤：1）在图片的快捷菜单中选择“图片属性”命令。2）在“图片属性”

6、对话框的“外观”选项卡的“布局”区域设置图片的对齐方式、图片边框的粗细（如边框粗细为0，则取消图片的边框）及图片离边框的距离；当需要精确修改图片大小时，可在“大小”区域进行设置。(4)更改超链接的链接地址：在“编辑超链接”对话框的URL框中，输入新的链接地址。(5)删除超链接：若要彻底删除超链接（包括超链接文本），按DELETE键；若要删除超链接（保留超链接文本），在“编辑超链接”对话框中，选中“URL”框的内容按【DELETE】键。11第五章网页中图片、超链接及表格的处理管理超链接查看网页间的链接关系，可以进入“超链接”视图查看。(1)自定义

7、超链接视图：显示网页标题、指向图片的超链接等。1）背景处快捷菜单中的命令：“显示网页标题”命令：显示网页标题“指向图片的超链接”命令：显示网页上指向图片的超链接“重复超链接”命令：显示重复超链接（一个网页上的多个超链接都指向相同的网页、图片或文件）“网页内部的超链接”命令：显示指向同一网页上书签的超链接2）网页快捷菜单的“移至中央”命令：将该网页移到超链接视图模式下的中央。12第五章网页中图片、超链接及表格的处理管理超链接（Contd.）(2)列出断开的超链接一个断开的超链接（不指向任何位置的链接），会对站点访问者带来很大的烦扰。需定期检查并及

8、时修复或删除。查看站点上断开的超链接：单击【查看】/【报表】/【断开的超链接】命令。(3)修复断开的超链接：在“断开的超链接”报表中双击超链接项，出现