使用超链接 网页设计与制作教学PPT课件.ppt

项目5 使用超链接 任务1 学习超链接基础知识 任务2 创建超链接 任务3 管理超链接 本章重点介绍创建文本、图像、电子邮件等超链接，使用连接管理器管理超链接的方法以及批量替换超链接。 任务1 学习超链接基础知识 1.超链接的概念 超链接，又称为超级链接，是指从源端点指向目标端点的连接关系。这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至一个程序 2.超链接的分类 （1）根据创建连接对象的不同，可以将超链接分为文本链接、图像链接和表单链接 文本链接：在文本对象上创建的超链接 图像链接：在图像、Flash对象上创建的超链接 表单链接：一种比较特殊的超链接，当用户填写完表单，单击页面上的“提交”按钮或者其他按钮提交内容时，会自动跳转到目标页面 （2）根据目标端点的位置及方式不同，可以将超链接分为外部链接、内部链接、局部链接和E-mail链接 外部链接：跳转到的页面是站点外的页面，如友情链接 内部链接：目标端点为站点内的其他页面，如站点导航 局部链接：也称描点链接，跳转到页面本身或其他页面某一指定位置的链接 E-mail链接：电子邮件链接，当需要进行电子邮件操作时，可创建电子邮件链接。当访问者单击电子邮件连接以后，系统会自动启动电子邮件程序，可在其中编好邮件，并发至指定的邮箱中。 3.超链接的路径 超链接的路径主要有绝对路径、文档相对路径、站点根目录相对路径3种 （1）绝对路径：主要用于创建具有固定网址的外部链接，如友情链接。创建绝对路径链接时，需要给出目标端点完整的URL， 如 （2）文档相对路径链接：主要用于创建站点的内部链接。 （3）站点根目录相对路径链接和文档相对路径链接相似，但使用的参照是站点的根目录。 4.创建超链接的方法 （1）使用“属性”面板创建超链接 选择页面内的文本，即热字，在“属性”面板中的“链接”处设置目标端点 如果链接目标位于站内，则可以单击右侧的“浏览文件”按钮，打开“选择文件”对话框 从“选择文件”对话框中选定要跳转到的页面，然后从“属性”面板中的“目标”下拉列表中选择以何种方式跳转到目标页面 （2）使用菜单命令创建超链接 选择热字，“修改”——“创建链接”命令，在弹出的“选择文件“对话框中选择要跳转的页面，在“属性”面板的“目标”下拉列表选择跳转方式 在HTML中允许超链接有5种： _self：会在当前页面所在的窗口或框架中打开（默认方式） _blank：每个链接会创建一个新的窗口 _new：会在同一个刚创建的窗口中打开 _parent：如果是嵌套的框架，则在父框架中打开 _top：会在完整的浏览器中打开 （3）使用“指向文件”建立超链接 内部链接：这种链接的目标点是同个网页的其他网页（文档），称为内部链接 外部链接：这种链接的目标是不同站点或本站点以外的网页（文档），称为外部链接 选择热字——在“属性”的链接文本框中输入外部链接地址，如——在“目标”下拉菜单设置连接的目标窗口 注意：链接中使用完整的URL地址 如：http://（浏览网页网络协议）（域名） 5.设置链接样式 （1）链接颜色：指定应用于链接文字的颜色 （2）已访问链接：指定连接被访问过的颜色 （3）变换图像链接：指定当鼠标位于链接上时的颜色 （4）活动链接：指定当鼠标在链接上点击是的颜色 任务2 创建超链接 5.2.1 创建文本超链接 （1）打开HTML文档，选择热字 （2）“插入”——“超级链接”，打开“超级链接”对话框 （3）在“链接”下拉列表中输入链接的目标文档，或者单击“链接”右边的“浏览文件”按钮，打开“选择文件”对话框 （4）在“目标”下拉列表选择一种链接方式；在“访问键”文本框设置连接的快捷键，也就是Alt加26个字母的任意一个，将焦点切换到文本链接；通过“Tab键索引”，可以设置Tab键切换的顺序 （5）在“属性”面板中单击“页面属性”设置链接CSS 5.2.2 创建图像链接 1.为整个图像创建图像链接 选择图像，在“属性”面板的“链接”处设置连接位置 2.图像地图 图像地图，也称为图像热区、图像热点，在“属性”面板上的矩形、圆形和多边形热点工具建立需要的热点区域 5.2.3 创建锚点连接 1.创建目标在本页上的锚点链接 （1）打开HTML，光标定位在热字前面，“插入”——“命名锚记”命令，或者在“常用”选项卡中单击“命名锚记”按钮 （2）在“锚记名称”文本框中输入锚记的名称abc，单击“确定 （3）在导航栏中选择热字，在“属性”面板中的”链接“列表框中输入锚记名称“#abc”，保存 2.创建目标在其他网页的锚点链接 （1）打开