百家讲坛网页设计基础_超链接与框架网页及其应用 14（教授课件强力推荐）（免费下载）.pptVIP

第十四章 超链接与框架网页及其应用 计算机信息中心 授课教师：邵熹雯 jsjsxw@ 本章内容 14.1超链接及其应用 14.2 超链接的应用实例 14.3 框架网页及其应用 14.4 框架和框架集的选择与属性设置 14.5 框架和框架集的保存 14.6框架与超链接的应用实例 14.7本章小结 超链接概述 概念：超链接是用预先准备好的文本、按钮、图像等对象与其它对象建立一种链接 源端点：是超链接的起始端点，也称为源锚。 目标端点：是链接的对象，也称为目标锚。 按源端点的链接划分 按目标端点的链接划分 绝对路径和相对路径 在超链接中，使用完整的URL地址的链接路径称为绝对路径。绝对路径指明目标端点所在的具体位置。 URL的形式：HTTP、FTP和File几种。 在超链接中，指明目标端点与源端点的相对位置关系的路径称为相对路径。 创建超链接的方法 在网页文档窗口中选中超链接源端点的对象，然后选择【修改】|【创建链接】命令，打开【选择文件】对话框窗口，选中超链接目标端点便可创建链接。 在网页文档窗口中选中超链接源端点的对象后右击鼠标，在快捷菜单中选择【创建链接】命令，打开【选择文件】对话框窗口，选中超链接目标端点便可创建链接。 在网页文档窗口中选中超链接源端点的对象，然后在【属性】面板的【链接】文本框中输入超链接目标端点及路径便可创建超链接。或单击【链接】文本框右边的按钮，打开【选择文件】对话框窗口，选择超链接目标端点便可创建超链接，如图14-1所示。 在网页文档窗口中选中源端点，然后拖曳【属性】面板的【链接】文本框右侧的【指向文件】按钮，在站点管理器窗口中选择目标端点，便可创建超链接，如图所示。 创建锚点链接 锚点链接：要创建某个网页的某个指定位置的超链接被称为创建网页的锚点链接。 创建步骤： 指定被连接位置 在该位置创建锚点：为锚点命名 为该锚点设置超级链接 内部锚点链接：#锚点名字 外部锚点链接：文件名. htm#锚点名字 创建E-mail链接 方法一： 选择链接文字 【插入】|【电子邮件链接】 输入电子邮件地址后【确定】 方法二： 选择链接源端点对象 【属性】面板的【链接】文本框中输入： mailto：电子邮件地址 回车确认 创建导航条 导航条：为浏览者浏览网站提供索引 创建步骤： 选择插入位置 【插入】|【图像对象】|【导航条】 【项目名称】 【状态图像】、【鼠标经过图像】、【按下图像】、【按下时鼠标经过图像】和【浏览】按钮。 其余详见教材P227页 【修改】|【导航条】进行修改 创建跳转菜单 跳转菜单：下拉式菜单，其中的每一个选项都是一个超链接。 创建步骤： 选择插入位置 【插入】|【表单】|【跳转菜单】 【文本】框中输入菜单选项的文字 【选择时，转到URL】文本框中，输入选择该菜单选项所链接的页面文件和路径，或者是网站的域名。 其余详见教材P227页 通过【属性】面板或【行为】面板进行修改 创建热点链接 热点链接：又称映射图链接，在一个图像中创建几个不同的几何图形区域，以这些几何图形区域为超链接的源端点，然后分别为这个图像的几个不同的几何图形区域建立超链接，图像中建立超链接的几何图形区域称为热点 创建步骤 插入一幅图像，并选中 选中【地图】文本框下图标按钮 绘制热点 创建链接 超链接的应用实例 创建站点 布局表格：800*600像素 布局单元格： 520*45像素：标题文字 160*30像素：跳转菜单 600*30像素：导航栏 3个80*80像素：插入鼠标经过图像 2个170*170像素：插入flash和图片 180*35像素：建立Email链接 800*80像素：插入flash 框架的概述 利用框架技术设计的网页就是把网页页面划分成相对独立的若干个区域，每个区域都相当于一个独立的网页页面，这些区域里的页面既各自独立又相互有联系。 在一个浏览器窗口中，用框架制作的网页能同时显示多个不同的HTML文档，就好像在一个浏览器窗口中平铺了几个子窗口，在各个子窗口中分别显示不同的内容，从而使网页的版面更友好、结构更清晰。 框架（Frames）技术是由框架集（Frameset）和框架（Frame）二部分组成。 创建框架与框架集 方法一： 选择【插入】|【HTML】|【框架】命令 方法二： 单击【插入】栏的【布局】选项，单击【框架】按钮 方法三： 在网页编辑器窗口中选中已插入的框架，按住Alt 键的同时，用鼠标纵向拖曳或横向拖曳框架边框线，就可以加入上下结构或左右结构的框架。 框架的调整、拆分和删除 拆分框架 单击要拆分的框架内部 【修改】|【框架页】 或按住ALT键不放，再用鼠标拖曳边框线 调整框架 利用鼠标 在框架集的【属性】面板中设置参数 删除框架 将鼠标指向要删除的框架边框，拖动鼠标到上一级框架的上下或左右边框