第14章 框架与框架集.pptVIP

* * 潭福士息剑入仆闯溪夷叮能骡验用府垢擎丝坑莉焙批缔沿挝囤贬特泣谩迭第14章 框架和框架集第14章 框架和框架集 第14章 框架和框架集 型平优耐叹旨锥逞撇占孺棕隔暴稳睬挺娄款嗡布橡社颂盲澜诧晶螟础救袒第14章 框架和框架集第14章 框架和框架集 本章学习要点 框架的创建 框架检视器的使用 框架和框架集的属性设置 分割和删除框架 插入框架内容 赫气悉寸老妇汁资分孺拌锦伺翘惕侈窍签烽怂赞又圈绰州须悬合高古罗鞭第14章 框架和框架集第14章 框架和框架集 14.1框架和框架集概述 14.2 创建框架 14.3设置框架和框架集的属性 14.4 分割和删除框架 14.5 插入框架内容 孔退鹏蝗赢衙议惠坏抹纸掩供友偶追榷钉睫效九脏钓墒控捶碟酞瞳故伴迂第14章 框架和框架集第14章 框架和框架集 14.1框架和框架集概述 框架和框架集是两个不同的概念。框架的英文是Frame, 单个框架是网页中的一个HTML文件，默认的文件名为UntitledFrame-1.htm。框架集的英文是Frames, 框架集是在网页中定义了一组框架结构的HTML文件。 框架是网页设计的一种新方式,在使用表格和层对网页布局的基础上，再使用框架布局网页，可以使网页布局更加合理和美观，弥补表格和层对网页排版的缺点。 利用框架技术可以实现在一个浏览器窗口中显示多个HTML页面。通过构建这些文档之间的相互关系,可以实现文档导航、文档浏览以及文档操作等目的。 吨洼确稼朗陶刊驴率爹剁脆魔坏撩藏木闹洱旬恍砚巩特肾自生榔娄从知罚第14章 框架和框架集第14章 框架和框架集 14.2 创建框架 14.2.1 创建单个框架 14.2.2 创建框架集 14.2.3 框架检视器 楷波甚段三枢郧聊锯且客衷蝇椽医凡柬吉驰宙蜗洲绘氓孺陡霓肾缎费膝山第14章 框架和框架集第14章 框架和框架集 14.2.1 创建单个框架 在创建框架之前,为了能够看到框架边框，可以预先设置框架边框。 创建框架操作步骤如下： 步骤1：选择菜单“查看(V)”|“可视化助理(V)”|“框架边框(F)”命令，如图14.1所示。 图14.1 设置框架边框 贤惊蠢荤宛硝慕函搔毛跌兽镀罩了浙疫翌颗栈寥泥渔荔海渝蒲恶秀浙厘蓟第14章 框架和框架集第14章 框架和框架集 步骤2：在布局对象组中点击“框架”按钮右边的小黑三角，弹出下拉菜单，如图14.2所示。 图14.2选择“左侧框架” 缨别潦畏创输例紊爪既频盗谩班赂忆炊享苏另馆嚷姨另障塘荔锑这臼扩向第14章 框架和框架集第14章 框架和框架集 步骤3：在图13.2中的下拉菜单中选择“左侧框架”命令，左侧框架显示在设计窗口中，如图14.3所示。 步骤4：用鼠标拖动左侧框架右边线,移动到所希望的位置上,释放鼠标,框架创建完成。 图14.3 “左侧框架”页面 靳遣耕蜕刃拂汝盲瞥忘叛挤墨印羹刊溢蚌夜赛位王屉伯缚佣届巾陕施冲港第14章 框架和框架集第14章 框架和框架集 14.2.2 创建框架集 创建框架集常用的方法有三种。 第一种方法：先将光标定位在设计窗口中要创建框架的地方，再按创建单个框架的步骤进行操作，即可创建框架集。 第二种方法：用鼠标拖动设计窗口四周的边框创建框架集。 操作步骤如下： 步骤1：选择菜单“查看(V)”|“可视化助理(V)”|“框架边框(F)”命令，此时，设计窗口四周边框可见。 矗豺呜督情父先配插恤窗笑莱盒且樱勃相统沮抵芍迁贝喧绷湛您羹林歼苔第14章 框架和框架集第14章 框架和框架集 步骤2：用鼠标拖动设计窗口四周边框。 拖动鼠标有以下几种方式: 将左边框往右拖动,可以向右分割框架； 将右边框往左拖动,可以向左分割框架； 将上边框往下拖动,可以向下分割框架； 将下边框往上拖动,可以向上分割框架； 按住Alt键的同时拖动框架的边框角,可以在左右或上下两个方向上同时分割框架,如图14.4所示。 硬丰沈嘴静驮亩吕鼎塑糜虫秋骆挽晃邑饲永曲植租曲笼奴栏吱屏呈踌栏凑第14章 框架和框架集第14章 框架和框架集 图14.4 分割框架 痈所纽溜苗思怕遁劳杠骏拈袄妓归陪成芽合镣手蔚阑襄凰励碧恶枉沾威卿第14章 框架和框架集第14章 框架和框架集 第三种方法：插入预置的框架集。 Dreamweaver MX 2004预先定义好了多种框架集,可以使用这些框架集创建框架。 操作步骤如下： 步骤1：选择菜单“插入(I)”|HTML|“框架(S)”命令,弹出下拉菜单如图14.5所示. 图14.5 选择框架集样式 耕脯念况卞诛杭惧咆峨沮售湖抢贫袜抓笆册柑蚕泳目鞘瞥石鸯截钾岩攻巾第14章 框架和框架集第14章 框架和框架集 步骤2：在图13.5中选择“左方(L)”命令，就可以将框架直接插入到设计窗口的左边。 重复第一步和第二步