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

《百家讲坛网页设计基础_超链接与框架网页及其应用 14（教授课件强力推荐）（免费下载）》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、计算机信息中心授课教师：邵熹雯jsjsxw@bift.edu.cn第十四章超链接与框架网页及其应用14.1超链接及其应用14.2超链接的应用实例14.3框架网页及其应用14.4框架和框架集的选择与属性设置14.5框架和框架集的保存14.6框架与超链接的应用实例14.7本章小结本章内容超链接概述概念：超链接是用预先准备好的文本、按钮、图像等对象与其它对象建立一种链接源端点：是超链接的起始端点，也称为源锚。目标端点：是链接的对象，也称为目标锚。按源端点的链接划分按目标端点的链接划分绝对路径和相对路径在超链

2、接中，使用完整的URL地址的链接路径称为绝对路径。绝对路径指明目标端点所在的具体位置。URL的形式：HTTP、FTP和File几种。在超链接中，指明目标端点与源端点的相对位置关系的路径称为相对路径。创建超链接的方法在网页文档窗口中选中超链接源端点的对象，然后选择【修改】

3、【创建链接】命令，打开【选择文件】对话框窗口，选中超链接目标端点便可创建链接。在网页文档窗口中选中超链接源端点的对象后右击鼠标，在快捷菜单中选择【创建链接】命令，打开【选择文件】对话框窗口，选中超链接目标端点便可创建链接。在网页文档窗

4、口中选中超链接源端点的对象，然后在【属性】面板的【链接】文本框中输入超链接目标端点及路径便可创建超链接。或单击【链接】文本框右边的按钮，打开【选择文件】对话框窗口，选择超链接目标端点便可创建超链接，如图14-1所示。在网页文档窗口中选中源端点，然后拖曳【属性】面板的【链接】文本框右侧的【指向文件】按钮，在站点管理器窗口中选择目标端点，便可创建超链接，如图所示。创建锚点链接锚点链接：要创建某个网页的某个指定位置的超链接被称为创建网页的锚点链接。创建步骤：指定被连接位置在该位置创建锚点：为锚点命名为该锚点

5、设置超级链接内部锚点链接：#锚点名字外部锚点链接：文件名.htm#锚点名字创建E-mail链接方法一：选择链接文字【插入】

6、【电子邮件链接】输入电子邮件地址后【确定】方法二：选择链接源端点对象【属性】面板的【链接】文本框中输入：mailto：电子邮件地址回车确认创建导航条导航条：为浏览者浏览网站提供索引创建步骤：选择插入位置【插入】

7、【图像对象】

8、【导航条】【项目名称】【状态图像】、【鼠标经过图像】、【按下图像】、【按下时鼠标经过图像】和【浏览】按钮。其余详见教材P227页【修改】

9、【导航条】进行修改

10、创建跳转菜单跳转菜单：下拉式菜单，其中的每一个选项都是一个超链接。创建步骤：选择插入位置【插入】

11、【表单】

12、【跳转菜单】【文本】框中输入菜单选项的文字【选择时，转到URL】文本框中，输入选择该菜单选项所链接的页面文件和路径，或者是网站的域名。其余详见教材P227页通过【属性】面板或【行为】面板进行修改创建热点链接热点链接：又称映射图链接，在一个图像中创建几个不同的几何图形区域，以这些几何图形区域为超链接的源端点，然后分别为这个图像的几个不同的几何图形区域建立超链接，图像中建立超链接的几何图形区域称为热

13、点创建步骤插入一幅图像，并选中选中【地图】文本框下图标按钮绘制热点创建链接超链接的应用实例创建站点布局表格：800*600像素布局单元格：520*45像素：标题文字160*30像素：跳转菜单600*30像素：导航栏3个80*80像素：插入鼠标经过图像2个170*170像素：插入flash和图片180*35像素：建立Email链接800*80像素：插入flash框架的概述利用框架技术设计的网页就是把网页页面划分成相对独立的若干个区域，每个区域都相当于一个独立的网页页面，这些区域里的页面既各自独立又相互有

14、联系。在一个浏览器窗口中，用框架制作的网页能同时显示多个不同的HTML文档，就好像在一个浏览器窗口中平铺了几个子窗口，在各个子窗口中分别显示不同的内容，从而使网页的版面更友好、结构更清晰。框架（Frames）技术是由框架集（Frameset）和框架（Frame）二部分组成。创建框架与框架集方法一：选择【插入】

15、【HTML】

16、【框架】命令方法二：单击【插入】栏的【布局】选项，单击【框架】按钮方法三：在网页编辑器窗口中选中已插入的框架，按住Alt键的同时，用鼠标纵向拖曳或横向拖曳框架边框线，就可以加入上下

17、结构或左右结构的框架。框架的调整、拆分和删除拆分框架单击要拆分的框架内部【修改】

18、【框架页】或按住ALT键不放，再用鼠标拖曳边框线调整框架利用鼠标在框架集的【属性】面板中设置参数删除框架将鼠标指向要删除的框架边框，拖动鼠标到上一级框架的上下或左右边框线处，松开鼠标即可删除框架。框架和框架集的选择方法一：【窗口】

19、【框架】，或Shift+F2，打开框架面板。然后在框架面板中单击框架的边框线方法二：在网页文档窗口中按住Alt键，然后单击要选中的框架的任意位置