frame网页框架的布局教程
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代码插入到网页中。
插入框架后,将弹出【框架标签辅助功能属性】对话框。在该对话框中,可以为每个框架设置一个标题。设置完标题后,单击【确定】按钮,即可完成框架的创建。
推荐新闻
更多行业-
天津网站建设应该怎样更好的留住用户
网站设计趋势变更的是如此之快,以至于我们甚至还没来得及全体领会,有的便...
2020-12-02 -
网站制作加入动画在网页设计中的优势有什么?
起初,动画被认为是一种美,但现在,它们已经成为一种非常强大的工具,使用...
2022-06-10 -
集团网站建设安全控制
在集团网站建设中,安全控制是至关重要的,以防止潜在的风险、数据泄露和恶...
2023-08-22 -
企业建站可用性设计中的常见错误
对于用户来说,没有什么比一个令人困惑的网站更令人愤怒的了。他们没有任何...
2022-10-03 -
网站建设市场分析
第一代网站建设技术 运用一般的网页制作软件,把一些平面页面效果转化成网...
2015-01-09 -
营销型网站设计规则是什么?营销型网站如何设计?
做营销型网站的目的主要是为了网站能有好的排名、达到高转换率。网站建设是...
2019-10-28
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com