
第7章框架与框架网页 一、要点解析 本章主要介绍框架的基本餐念、创建框架和框架集、框某的使用,框果和框架集的属性 设置。 教学要求 草星:框架和框架集的创建:医架的使用。 理解:使用框果的优峡点。 据架的几个同愿 (一)什么是框架 筒面我们介组了很多站的真面是用表格制作的。还有一种更方便的工具,就是使同配刻。 配架的作用就是把间见器留口划分为若干个区城,每个区线可以分刚思示不月的网页: 将文档分割为儿个形家后,Drcamwe年金自动产生一个授名字的框家体文件,比如我们看到的一个 简单的左右枢架页面(图1》,实称上国含5个不同的文件,一个是框架体文件,还有两个在取星中显示 内容的文料。 5无标箭文首(0 titled提caneset-4,】 《frameset》 45的120,1K/1老 [周】左右结构的座复真面
第 7 章 框架与框架网页 一、要点解析 本章主要介绍框架的基本概念、创建框架和框架集、框架的使用、框架和框架集的属性 设置。 教学要求: 掌握:框架和框架集的创建;框架的使用。 理解:使用框架的优缺点。 框架的几个问题 (一)什么是框架 前面我们介绍了很多网站的页面是用表格制作的,还有一种更方便的工具,就是使用框架。 框架的作用就是把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。 将文档分割为几个框架后,Dreamweaver 会自动产生一个没名字的框架体文件,比如我们看到的一个 简单的左右框架页面(图 1),实际上包含 3 个不同的文件,一个是框架体文件,还有两个在框架中显示 内容的文件。 [图 1] 左右结构的框架页面

E架体文件中保存页面中框架的数量。配架的尺寸、位置及每个框架的网页源文样和其它可定义的属 性, (二)建立一个筒单的根复 下面我们就来一起创建这个根架。新建一个空文档,调出插入”栏拧根餐面假。这里提供了创建量 架的快使方式(周1)+ [图川建框架的面酸 单击境淳形架图标。整个具直技拼分为上下两官分(围2), 5无标期文档(0 titled提raneset-7) 石▣风 <tr4 eset》 49M250.15/18 国到 我们选择窗口菜单下的“其他牡菜命令,调出配泉面极,在这显可以清楚地看到任泉体的层次结构 (图3),框架体边和为立体如厢的文体边界,面框架则是灰色的单线边界,厚面显示框架的名字。 1个本地项目顶选中,息共2103个 ·高值布局 是狂架】 nainFrie ,香室
框架体文件中保存页面中框架的数量,框架的尺寸、位置及每个框架的网页源文件和其它可定义的属 性。 (二)建立一个简单的框架 下面我们就来一起创建这个框架。新建一个空文档,调出“插入”栏的“框架”面板,这里提供了创建框 架的快捷方式(图 1)。 [图 1] 创建框架的面板 单击“顶部框架”图标,整个页面被拆分为上下两部分(图 2)。 [图 2] 我们选择“窗口”菜单下的 “其他-框架”命令,调出框架面板,在这里可以清楚地看到框架体的层次结构 (图 3),框架体边框为立体加粗的立体边界,而框架则是灰色的单线边界,里面显示框架的名字

图引Fe视窗中的效吴 上面是eFe。下面是mme。单击pFe。速定这个框第,此时形架外有男色厘。表示我 门现在处于此枢果内。 单击name,下面的框景出现黑色边图。上面厘架的男色边柜方失。表示我们处于mde形复 内。 我们将mae进行拆分。单击插入老框架面质中的第一个图标,名字r左侧压起”,可以看到 下面的配架技挥分为左右两尊分,一个简单的面架结构酰建好了, 5无标文档(tit1 edFrameset-7,】 ▣☒ 《frameset》 459M23树,1K/15 图4】创建好的框架结构 (三)取架属性的设置 架存网页。选择菜单金存全军。系统弹出对话框。这时。保存的是一个框望结构文件。我们技圆帽 例都命名为d位如。如村知道保存的文料是军一常分呢。这里有一个块窍。保存的时候如是虚找框选罩 的是圆国一圈酰是保存辅结构。否测笼罩在左边餐是保存颜中左边网页。右边镜是精中右边网项。按丽这 个方法我们保存左边网真,名样为tm,右边为mmm,三个料页就保存完非
[图 3] Frame 视窗中的效果 上面是 topFrame,下面是 mainframe。单击 topFrame,选定这个框架,此时框架外有黑色框,表示我 们现在处于此框架内。 单击 mainframe,下面的框架出现黑色边框,上面框架的黑色边框消失,表示我们处于 mainframe 框架 内。 我们将 mainframe 进行拆分。单击“插入”栏“框架”面板中的第一个图标,名字为“左侧框架”,可以看到 下面的框架被拆分为左右两部分,一个简单的框架结构就建好了。 [图 4] 创建好的框架结构 (三)框架属性的设置 保存网页。选择菜单“保存全部”。系统弹出对话框。这时,保存的是一个框架结构文件。我们按照惯 例都命名为 index.htm。如何知道保存的文件是那一部分呢。这里有一个诀窍。保存的时候如果虚线框笼罩 的是周围一圈就是保存帧结构。否则笼罩在左边就是保存帧中左边网页。右边就是帧中右边网页。按照这 个方法我们保存左边网页,名称为 left.htm,右边为 main.htm。三个网页就保存完毕

方无标文档ntit1 (re电se》 图小 点击框架而板中的厘架的任一部分,即可以通过属性面版设置该部分的属性。 (四)配架间的链接 下而我要实现按左边的道烟结接,对应的瓦面出现在右边。在左边的页而中做上加圾接。指向一 个已经存在的页直。注意敏好连结以后。要在甘标域中设置为e,这样一个如级链接就做好了, 5无标道文莉(tit1e业rme-11) ▣☒ 我的钢 @好》》《a) 234145,11K/1秒 图 (五)设置主根架标思
[图 1] 点击框架面板中的框架的任一部分,即可以通过属性面板设置该部分的属性。 (四)框架间的链接 下面我们要实现按左边的超级链接,对应的页面出现在右边。在左边的页面中做上超级链接。指向一 个已经存在的页面。注意做好连结以后,要在目标域中设置为 mainFrame。这样一个超级链接就做好了。 [图 1] (五)设置主框架标题

主配架文件〔也黄是最外面的框第》是所狱框架文件的载体,通常是首页或静定主题的进入点,因面 有必要设置料页的标思, 当光标在根架内时,调出的页面属性对话板贝能设置对应鼠星内额文件的真面属性,要见设置主都 架文作《)的属性,可以将鼠标移动到最外层框架的框线上,当鼠标指针变为双向箭头时单击根 标左健。使可这定整体形架。 再次调出页面属性对话框,就可以设置主框架文件的属性了, (六)去掉框紫的分隔线 有线网站整用框果来授计的,目表面却看不出米,这是因为看不到页根闻分隔线和页框演动条。下面 我们瓷看一下如何设计这样的框某, 完透取整个柜策氧。在属性面极上。从边整下拉菜单中选择“否”(园1), [周小设置框架分隔线 月样,将下面的框射体的边框建度色设为0,再浏克此页面,柜线清失了。 好了,框架里的乾神根大,这里只是用了个简单的例子讲了其基本的使用方法,修可以根据这些内容 创建更复条的根装,充分程示自己的设计才能。 二、典型例题 为链接定义目标窗口时,blank表示的是(B)。 A在上一级窗口中打开 B.在新窗口中打 C在月一个航或窗口中打开 D.在浏览器的整个窗口中打开,忽略任何框架
主框架文件(也就是最外面的框架)是所以框架文件的载体,通常是首页或特定主题的进入点,因而 有必要设置网页的标题。 当光标在框架内时,调出的“页面属性”对话框只能设置对应框架内源文件的页面属性。要想设置主框 架文件(index.htm)的属性,可以将鼠标移动到最外层框架的框线上,当鼠标指针变为双向箭头时单击鼠 标左键,使可选定整体框架。 再次调出“页面属性”对话框,就可以设置主框架文件的属性了。 (六)去掉框架的分隔线 有些网站是用框架来设计的,但表面却看不出来,这是因为看不到页框间分隔线和页框滚动条。下面 我们就看一下如何设计这样的框架。 先选取整个框架集,在属性面板上,从边框下拉菜单中选择“否”(图 1)。 [图 1] 设置框架分隔线 同样,将下面的框架体的边框宽度也设为 0,再浏览此页面,框线消失了。 好了,框架里的乾坤很大,这里只是用了个简单的例子讲了其基本的使用方法,你可以根据这些内容 创建更复杂的框架,充分展示自己的设计才能。 二、典型例题 为链接定义目标窗口时,_blank 表示的是( B )。 A. 在上一级窗口中打开 B. 在新窗口中打开 C. 在同一个帧或窗口中打开 D. 在浏览器的整个窗口中打开,忽略任何框架