《DW使用框架布局网页实用教案》由会员分享,可在线阅读,更多相关《DW使用框架布局网页实用教案(18页珍藏版)》请在金锄头文库上搜索。
1、5.1 5.1 关于关于(guny)(guny)框架和框架集框架和框架集 框架网页:是种特殊的HTML网页,它可将浏览器窗口分成不同的区域,每个区域都可以显示不同的网页,而且在替换窗口中的网页文件时,各个窗口之间没有影响。一个(y )框架结构有两部分网页文件构成:框架集(Frameset )和框架(Frame)。框架:是指用来分隔网页的窗格;每个框架都是浏览器中的一个(y )区域,它可以显示与浏览器窗口中所显示内容相关的html文档,是一个(y )独立的html页面。每个框架包括框架高度、框架宽度、滚动条和框架边框,此外还可指定框架的内边距(框架与网页正文之间的距离)。第1页/共17页第一页,
2、共18页。框架(kunji)集:是指定义一组网页布局结构与属性的html页面,其中包含了显示在页面中框架(kunji)的数目、尺寸、装入框架(kunji)的页面的来源及其他可定义的属性的相关信息。框架(kunji)集页面不会在浏览器中显示,只是向浏览器提供如何显示一组框架(kunji)以及在这些框架(kunji)中应显示哪些文档的有关信息。框架(kunji)和框架(kunji)集的关系:框架(kunji)集文档调用(引用)各个框架(kunji)文档。改变框架(kunji)文件是指改变在框架(kunji)中打开的文件。第2页/共17页第二页,共18页。 为了更好的理解什么是框架和框架集,详看下面
3、的示意图。这是一个左右结构的框架,其结构是由三个网页文件组成的。首先外部的框架是一个文件,用命名。左框架为A,指向(zh xin)的是一个网页。右边命名为B,指向(zh xin)的是一个网页。第3页/共17页第三页,共18页。框架网页的优点:访问者的浏览器不需要为每个页面重新加载与导航相关的图形(即固定网页中的某些部分)。框架集可以将网页的内容组织到相互独立的HTML页面内,相对固定的内容(比如导航栏、标题栏)和经常变动的内容分别以不同的文件保存,将会大大提高网页设计(shj)和维护的效率。每个框架都有自己的滚动条,访问者可以独立滚动框架。基于上述优点,框架通常用于创建网站导航。第4页/共17
4、页第四页,共18页。框架网页的缺点:难以实现不同框架中个元素的精确图形对齐。使用框架制作(zhzu)的网页很难被搜索引擎搜索到。对导航测试可能很费时间各个带有框架的页面URL不显示在浏览器中,因此可能难以将特定网页设为书签,除非使用了服务器代码,允许访问者加载特定的带框架版本。第5页/共17页第五页,共18页。5.2创建(chungjin)框架集 用户可以直接创建(chungjin)框架集,也可以在普通页面中加载预定义的框架集。其中,直接创建(chungjin)框架集的方法与创建(chungjin)普通页面的方法相似。选择(xunz)“文件”“新建”菜单,打开“新建文档”对话框在“类别”列表中
5、选择“框架集”选项,右侧将显示系统预定义的框架集类型,选择其中一种,然后单击“创建”按钮第6页/共17页第六页,共18页。5.3框架(kunji)和框架(kunji)集的基本操作1 1认识认识(rn shi)“(rn shi)“框架框架”面板面板 利用“框架(kun ji)”面板可以对框架(kun ji)和框架(kun ji)集进行操作,选择“窗口”“框架(kun ji)”菜单,可以打开“框架(kun ji)”面板。 第7页/共17页第七页,共18页。2选择(xunz)框架和框架集 在文档窗口中选择框架的方法(fngf)为,按住【Alt】键,然后在要选择的框架内单击,被选中的框架边线将显示为虚
6、线。 如要选择框架集,单击该框架集上的任意边框即可,此时框架集的所有边框都呈虚线显示。 利用“框架”面板选择框架时,直接在面板中相应区域单击即可。选择框架集时,在面板中单击框架集的边框即可。 第8页/共17页第八页,共18页。3.删除(shnch)框架 将光标放在框架的边框上,当光标变成垂直箭头(或水平箭头)时,按住鼠标左键,将框架的边框拖出父框架或页面之外,即可将这个框架删除(shnch)。第9页/共17页第九页,共18页。5.4 框架框架(kun ji)和框架和框架(kun ji)集的属性集的属性设设置置 1 1设置设置(shzh)(shzh)框架属性框架属性 选中框架后,“属性”面板上将
7、(shngjing)显示相应框架的属性。 显示框架源文件的保存路径选择是否显示框架的边框设置框架滚动条的属性第10页/共17页第十页,共18页。2设置框架(kunji)集属性选中框架选中框架(kun ji)(kun ji)集,属性面板中将集,属性面板中将显示框架显示框架(kun ji)(kun ji)集的属性。集的属性。 该面板中各参数的含义同框架属性面板基本相同,不同的是在“行”或“列”文本框中可设置框架的行高或列宽,在“单位”下拉列表框中可选择(xunz)具体单位。 第11页/共17页第十一页,共18页。5.5 保存保存(bocn)框架和框架框架和框架集集 保存框架和框架集:一个包含n个框
8、架的网页实际上由 n+1 个独立的html页面组成,1个框架集文件和n个包含在框架中显示的文件。这 n+1 个页面必须单独保存,才能在浏览器中正常工作。 插入的网页元素(yun s)位于哪个框架,就保存在哪个框架的网页中。第12页/共17页第十二页,共18页。点击“文件保存全部”,则打开几个另存为对话框,提示保存各个部分;设计视图中的选择线(或说成阴影)也会自动的移动到对应的被保存的框架中,据此可以知道正在保存的是哪一个框架文件。Dw先保存框架集文件,再保存框架文件。若只保存了框架集,而未保存某个框架(即没指定(zhdng)该载入该框架的文档),可以直接选定该框架,然后创建链接来指向要载入的文
9、档。类似于根据现有文档创建框架页。第13页/共17页第十三页,共18页。课堂实例制作(zhzu)框架网页第14页/共17页第十四页,共18页。第15页/共17页第十五页,共18页。作业布置:作业布置:1 1、使用框架的优点是什么、使用框架的优点是什么(shn me)(shn me)?2.2.课后习题课后习题本章主要内容结束,谢谢合作!本章主要内容结束,谢谢合作!第16页/共17页第十六页,共18页。感谢您的观看(gunkn)!第17页/共17页第十七页,共18页。内容(nirng)总结5.1 关于框架和框架集。每个框架都是浏览器中的一个区域,它可以显示与浏览器窗口中所显示内容相关的html文档,是一个独立的html页面。选择“文件”“新建”菜单,打开“新建文档”对话框。在“类别”列表中选择“框架集”选项,右侧将显示系统预定义的框架集类型,选择其中(qzhng)一种,然后单击“创建”按钮。利用“框架”面板可以对框架和框架集进行操作,选择“窗口”“框架”菜单,可以打开“框架”面板第十八页,共18页。