网页制作三合一培训教程_第4章创建超链接和导航条ppt课件

《网页制作三合一培训教程_第4章创建超链接和导航条ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4课创建超链接和导航条本章要点具体要求本章导读上机练习本章要点创建超链接创建导航条具体要求了解超链接的概念及作用掌握为图像、文本创建超链接的方法掌握创建图像热点链接的方法掌握创建导航条的方法掌握修改导航条的操作本章导读网站是由一个个的网页组成的，而这些单独的页面是靠超链接组成一个整体的，而且超链接不仅是网站内的连接桥梁，也是网站与网站之间的桥梁，可以说整个Internet都是靠超链接连起来的。超链接可以是文本、图像也可以是其他的网页元素，而导航条也是一种特殊的超链接。站内链接：将站点中的网页链接起来。友情链接：与有合作关系的网站进行链接。导航网站：为网页添加导航条，方便浏览者浏

2、览网页。4.1创建超链接超链接能够实现页面与页面之间的跳转，从而有机地将网站中的每个页面联系起来，是网页中至关重要的元素。4.1创建超链接4.1.1知识讲解4.1.2典型案例——为公司简介页面添加超链接4.1.1知识讲解通常将鼠标光标移至超链接处光标会显示为手形，此时单击鼠标即可跳转到超链接的对应页面。4.1.1知识讲解1．超链接的分类2．创建文本和图像链接3．创建电子邮件超链接4．创建图像热点链接1．超链接的分类超链接由源端点和目标端点两部分组成，有超链接的一端称为超链接的源端点，跳转到的页面称为超链接的目标端点。1）源端点的超链接源端点的超链接包括文本超链接、图像超链接和表单超链接三种

3、。文本超链接：文本超链接以文本作为源端点的超链接，通常在其下面都会显示下划线。图像超链接：以图像为源端点的超链接，单击图像可跳转到相关的页面。图像超链接具有美观实用的优点，因此受到网页设计者的青睐。表单超链接：表单超链接比较特殊，当填写完某表单后，单击提交或取消等按钮时会自动跳转至对应页面。2）目标端点的超链接目标端点的超链接根据类型的不同可分为内部超链接、外部超链接、电子邮件超链接和局部超链接4种。内部超链接：顾名思义，内部超链接就是指目标端点是本站点中的其他文档。这是使一个网站从零到整的一种超链接方式。外部超链接：指超链接的目标端点不属于本网站，外部超链接可实现网站与网站之间的跳转，从

4、而将浏览范围扩大到整个网络。如使用网上搜索引擎搜索出来的链接就是外部超链接。2）目标端点的超链接电子邮件超链接：单击该超链接将启动电子邮件程序，在打开的页面中可以写邮件并将其发送到所链接的邮箱中。局部超链接：利用局部超链接，在浏览时即可跳转到当前文档或其他文档的某一指定位置。这种超链接是通过文档中的命名锚记实现的。3）根据链接路径分类超链接根据链接路径的不同可分为绝对链接、文档相对路径和站点根目录相对路径三种类型。绝对链接：这类链接给出了链接目标端点完整的URL地址，包括使用的协议（网页中常用的协议为http），如http://www.163.com/index.htm。绝对链接在网页中主

5、要用来创建站外这种具有固定地址的链接，如要建立到网易网站的链接就可以使用绝对链接，因为网易网站的URL是固定不变的。3）根据链接路径分类文档相对路径：文档相对路径是本地站点链接中最常用的链接形式，使用相对路径无须给出完整的URL地址，可省去URL地址的协议，只保留不同的部分即可，如pic/banner.jpg。相对链接的文件之间相互关系并没有发生变化，当移动整个文件夹时不用更新建立的链接，因此使用文档相对路径创建的链接在上传文件时非常方便。站点根目录相对路径：这类链接是基于站点根目录的，如/web/index.htm，在同一个站点中的网页链接可采用这种方法。2．创建文本和图像链接文本超链接

6、和图像超链接是最常见的超链接方式，创建该类超链接的具体操作步骤如下所示：1）在Dreamweaver中选中需添加超链接的文本或图像。2）单击“属性”面板中“超链接”下拉列表框后的按钮，打开“选择文件”对话框，在该对话框的“查找范围”下拉列表框中选择所需文档的位置，然后选中需链接的文档。3）单击按钮关闭对话框，在“属性”面板的“目标”下拉列表框中选择超链接打开的方式。选择打开的方式选择打开方式2．创建文本和图像链接“属性”面板中的“目标”下拉列表框有_blank，_parent，_self和_top4个选项，其含义分别如下：_blank表示单击该超链接会重新启动一个浏览器窗口载入被链接的网页

7、。_parent表示在上一级浏览器窗口中显示链接的网页文档。_self表示在当前浏览器窗口中显示链接的网页文档。_top表示在最顶端的浏览器窗口中显示链接的网页文档。3．创建电子邮件超链接在网页上创建电子邮件超链接，可方便浏览者为该链接所指向的邮箱发送邮件。其具体操作步骤如下：1）选择要作为电子邮件链接的对象。2）选择【插入】→【电子邮件链接】命令，打开“电子邮件链接”对话框。3）在该对话框的“文本”文本框中会自动显示选