frame网页框架的布局教程

发布时间:2024-06-09
框架是一种特殊的xhtml布局方式。其可以通过frame标签将网页划分为多个区域,并通过这些区域来显示不同的网页。在框架网页中,必须使用frameset标签将这些框架组织起来,组合成为框架集。
1.框架和框架集
框架和框架集是两个不同的事物。网站制作框架仅仅是网页中的一个区域,在该区域中可以显示与浏览器窗口中其他区域内容无关的xhtml文档。通常两个或两个以上的框架可以组合成一个网页。
框架集则是一种html文档的类型,其定义一组框架的布局方式以及属性,如框架的数目、大小、位置以及在每个框架中初始显示的url。框架集文件本身不包含要在浏览器中显示的html内容,其仅仅是为浏览器提供显示各个框架的方法和规范。通常所说的框架网页,就是包含框架的框架集构成的网页。
2.框架网页的优点
框架网页有着鲜明的特点。在设计网页的过程中,使用框架必须符合简单、易用、便于浏览和维护的条件。
布局简单
在使用dreamweaver设计网页时,为网页布局最常用的工具是层<div>或者表格<table>。在使用层或表格布局时,通常需要不断地在网页中插入各种标签和对象,并为这些对象设置属性等。而使用框架则布局非常简单,通过鼠标单击儿次就可以实现网页的整体布局,所有的大小宽窄都可以通过鼠标拖动来实现。
制作方便
在使用dreamweaver制作整个网站时,网站的每个页面都有一些相同的元素,例如,导航条、版尾等。之前已经介绍了使用库来插入这些元素。其实可以使用框架设计网页,将导航条和版尾等保存为单独的网页,并通过框架来调用,一个导航条页面和一个版尾页面可以供整个网站所有网页使用。
适用于长页面
在一些比较长的网页中(例如大段的文章或博客,以及网站的后台程序页面等),用户可能需要拖动滚动条来浏览整个网页。在普通的网页中,当用户浏览完网页后,通常需要将滚动条拖回网页顶部才可以继续使用导航条。如果在网页中使用了框架并将导航条作为单独框架,则用户无须拖动滚动条即可直接使用导航条。正因为该优点,很多论坛都喜欢用框架来制作导航条。
框架网页通常是由多个网页组成的。例如,某个网页是有3个框架组成,那么其应包含4个网页,框架集和每个框架都应该有一个单独的网页。框架集控制每个框架中的网页显示的方式。
在dreamweaver中为用户预先定义了多种框架集类型。使用这些预先定义的框架集类型,可以方便地创建各种布局方式的框架网页。在制作框架网页之前,应该执行【查看】【可视化助理】【框架边框】命令,使dreamweaver能够显示框架的边框。制作框架布局的网页,通常有以下4种方法。
1.新建框架网页
在dreamweaver中,执行【文件】【新建】命令,打开【新建文档】对话框。在该对话框中,选择【示例中的页】【框架集】选项,即可在列表菜单中选择各种框架,如图5-22所示。
2.插入框架集
除了新建框架网页外,还可以在已创建的其他类型网页中插入框架集。打开需要插入框架的网页,在【插入】工具栏中单击【布局】【框架】口,,即可弹出框架类型的菜单。单击相应的框架类型,同样可以建立框架网页,如图5-23所示。
3.拆分框架
拆分框架也是创建框架网页的一种常用方式。打开网页文档后,执行【修改】【框架集】命令,即可选择【拆分左框架】等子命令。
4.插入html
另外一种插入框架网页的方法是在打开的网页中执行【插入记录】【html】【框架】命令,即可选择各种类型的框架将其html代码插入到网页中。
插入框架后,将弹出【框架标签辅助功能属性】对话框。在该对话框中,可以为每个框架设置一个标题。设置完标题后,单击【确定】按钮,即可完成框架的创建。
上一个:2023年退休时工资标准(2023年退休金最新计算公式)
下一个:云服务器试用价格实惠

离婚赔偿有哪些费用
一叶兰的养殖方法|一叶兰的种植技术|一叶兰怎么养
华为g9青春版老是重启怎么办(华为g9青春版解锁教程)
阿里云服务器租赁费用学生价
污染环境罪一般关押多久开庭
彝族结婚风俗有哪些?
BS660型六相微机继电保护测试仪
父母双亡子女如何房产过户
sublime怎么设置中文 sublime切换成中文的方法介绍
网站打不开刚才查看域名-云服务器问题