08建立旅游电子商务网站实践.pptVIP

第5章 超链接与框架网页 5.1 超链接及其应用 5.2 超链接应用实例 5.1 超链接及其应用 5.1.1超链接概述 超链接是用准备好的文本、按钮、图像等对象与其他对象建立链接，也就是在源端点和目标端点之间建立一种链接。 源端点是超链接的起始端点，目标端点是链接的对象，也称为目标锚。 超链接按源端点的链接划分，分为超文本链接和非超文本链接两类。超文本链接的源锚文本下方有下划线。非超文本链接是用除文本之外的其他对象构建的链接，源锚可以是图像、表格、列表、表单、多媒体等对象。超链接按目标端点的链接划分，可分为外部链接、内部链接、电子邮件链接、局部链接、脚本链接等。 在超链接中，链接路径是通过URL（统一资源定位符，英语Uniform Resource Locator的缩写，也被称为网页地址，是因特网上标准的资源的地址。 ）来确定的。根据使用的协议不同，URL的形式也不同，常用的形式有HTTP、FTP和File等几种。 （1）HTTP开头的URL通常指向WWW服务器，通常称为网址； （2）FTP开头的URL主要用于文件的传递，包括文件的上传和下载； （3）File开头的URL主要访问本地计算机中的文件信息。 在超链接中，使用完整的URL地址的链接路径称为绝对路径。绝对路径指明目标端点所在的具体位置。在超链接中，指明目标端点与源端点的相对位置关系的路径称为相对路径。 5.1.2 创建超链接的方法 (1) 在网页编辑窗口中选中源端点对象，然后选择【修改】|【创建链接】命令，打开【选择文件】对话框，选中目标端点便可创建链接。 (2) 在网页编辑窗口中选中源端点对象后，鼠标右击，在快捷菜单中选择【创建链接】命令，打开【选择文件】对话框，选中目标端点便可创建链接。 (3) 在网页编辑窗口中选中源端点对象，然后在属性面板的【链接】文本框中输入目标端点及路径便可创建超链接。或单击【链接】文本框右边的按钮，打开【选择文件】对话框，选择目标端点便可创建超链接，如图5-1所示。 图5-1创建超链接的属性面板 5.1.4 创建电子邮件链接 电子邮件链接的方式在很多网页中都被广泛地采用，当浏览者单击该链接时，系统会启动电子邮件发送程序（如Outlook Express），并将网页设计者的邮件地址放在【收件人】文本框中，为浏览者发送电子邮件做好准备，这种链接方式方便了信息的交流与反馈。 在网页上创建电子邮件链接的步骤如下。 （1） 在网页上选择准备作为电子邮件链接的文字，如“请与我联系”、“请提意见”等。 （2） 选择【插入】|【电子邮件链接】命令，或者在【插入】栏板的【常用】选项卡中单击插入【电子邮件链接】按钮，此时网页编辑窗口弹出【电子邮件链接】对话框，如图5-4所示。 （3） 在E-mail文本框中输入自己的电子邮件地址，然后单击【确定】按钮。 图5-4【电子邮件链接】对话框 在网页上创建电子邮件链接的另一种方法的操作步骤如下。 （1） 在网页上选中准备作为电子邮件链接的源端点对象。 （2） 在【属性】面板的【链接】文本框中输入“mailto:电子邮件地址”，如图5-5所示。 （3） 按回车键，便可创建一个电子邮件链接。 图5-5在【属性】面板中设置电子邮件链接 5.1.5 创建导航条 通常在网页的首页上可设置一个导航条，这样既可为浏览者浏览网站提供一个索引，又能引导浏览者浏览整个网站的不同页面。 导航条又称导航栏，可由一幅或多幅按钮图像组成，按钮图像的状态根据浏览者的鼠标动作而改变。当鼠标移到、移出或单击图像时，该图像就会被替换成另一幅图像。 在创建导航条之前，应先准备好导航条中要用的图片。这些图片分别表示导航条某个按钮不同动作的状态。在网页上创建导航条的操作步骤如下。 （1） 在网页上选择插入导航条的位置。 （2） 选择【插入】|【图像对象】|【导航条】命令，或者在【插入】栏的【常用】选项卡中，单击【导航条】按钮，此时在网页编辑窗口中会弹出【插入导航条】对话框，如图5-6所示。 （3） 在【项目名称】文本框中输入导航条元素的名称，名称对中文不支持。所输入的名称将在【导航条元件】列表框里显示。可用按钮、调整导航条中元素的次序。 图5-6【插入导航条】对话框 （4） 分别单击【状态图像】、【鼠标经过图像】、【按下图像】、【按下时鼠标经过图像】4个文本框右侧的【浏览】按钮，选择图像。这些图像的意义分别是： 【状态图像】表示的图像为页面载入时的初始图像； 【鼠标经过图像】表示的图像为鼠标移到【导航条】按钮上时所显示的图像； 【按下图像】表示的图像为鼠标单击【导航条】按钮时所显示的图像； 【按下时鼠标经过图像】表示的图像是单击【导航条】按钮后将光标移去时所显示的图像。 （5）