页面框架

■ 框架标记

  <FRAMESET> <FRAME>
  <NOFRAMES>
  <IFRAME>

  欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。
  也请先明白围堵标记与空标记的分别,请看 【HTML概念】。


■ 框架概念 :

  谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可,面所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何分割 ,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档案 面不是其他框窗的档案。<FRAMESET> 是用来划分框窗,每一窗框由一个 <FRAME> 标 记所标示,<FRAME>必须在 <FRAMESET> 范围中使用。如下例:

  <frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
  </frameset>

  此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序


<FRAME>
用法:      定义一个帧
开始/结束标识: 必须/非法
属性:      name="..."定义帧的名字
         scr="..."定义在帧中显示的内容的来源
         frameborder="..."定义帧之间的边界(0或1)
         margwidth="..."设置帧的边界和其中内容之间的间距
         margheight="..."设置帧的边界和其中内容之间的间距化
         noresize="..."使帧的尺寸不能变
         scrolling="..."设置滚动条的表示方式(auto, yes, no)
空:       不允许

<FRAMESET>...</FRAMESET>
用法:      定义在一个窗口中帧的布局
开始/结束标识: 必须/必须
属性:      rows="..."设定行的数目
         cols="..."设定列的数目
         οnlοad="..."当载入文档时的内部事件触发器
         οnunlοad="..."当卸载文档时的内部事件触发器
空:       不允许
注释:      FRAMESET可以嵌套

以上所述只是最简单的框架设定,若希望达到更合适的效果请加入或修改以下各参数。
  标记:<FRAMESET>
  例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000">
</frameset>
  功用:宣告HTML文件为框架模式,并设定视窗如何分割。

  参数:

COLS="90,*"
垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。


ROWS="120,*"
这是横向切割,将画面上下分开,数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中,因 Netacape 偶然不能显示这类型的框架,尽量采用多重分割,如以上各例。


frameborder="0"
设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。


border="0"
设定框架的边框厚度,以 pixels 为单位。


bordercolor="#008000"
设定框架的边框颜色。颜色值请参考。


framespacing="5"
表示框架与框架间保留的空白的距离。
  标记:<FRAME>
  例子:<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
  功能:设定每一个框窗内的参数属性。
  参数:


SRC="a.html"
设定此框窗中要显示的网页档案名称,每个框窗一定要对应一个网页档案。


NAME="top"
设定这个框窗的名称,这样才能指定框架来作链接,必须但任意命名。


frameborder=0
设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要边框。


framespacing="6"
表示框架与框架间的保留的空白的距离。


bordercolor="#008000"
设定框架的边框颜色。


scrolling="Auto"
设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示卷轴,AUTO 视情况而定。


noresize
设定不让使用者可以改变这个框框的大小,如没有设定此参数,使用者可随意地拉动框架改变其大小。


marginhight=5
表示框架高度部分边缘所保留的空间。


marginwidth=5
表示框架宽度部分边缘所保留的空间。
AspBox是一个方便快速开发ASP框架,AspBox提供了大量实用的ASP通用过程及方法和子类,可以简化大部分的ASP操作。 AspBox还可以进行拓展子类对象以增强自身功能。封装严谨,层层嵌套,提高了代码重复利用多次利用。 可以说AspBox是一个比较成型的可应用于开发人员快速开发的ASP开发框架。 ASP框架AspBox 1.3.2a 更新记录:2013-03-22 AB核心代码修整, 增加了公共调用 AB.Pub 核心 完善 AB.CacheType 属性设置 新增 AB.CacheClean 方法 新增 AB.FnAdd 别名: AB.FnSet 新增 AB.A.Avg, AB.A.Sub, AB.A.SpliceX 方法 修正 AB.A.Slice, AB.A.Splice, AB.A.SpliceX, AB.A.Fill  方法 拓展增强 AB.A.Walk 方法 修正 AB.C.CRight 方法 完善 AB.C.GetUrl 方法 新增 AB.C.Clone, AB.C.CallFunc, AB.C.Ws, AB.C.Wsn, AB.C.IsDim 等方法 新增 AB.Cache.Del 方法, 别名 AB.Cache(cacheName).Del 或 AB.Cache.Item(cacheName).Del 移除 AB.Json.xJSObjectToString, AB.Json.xJSArrayToString 方法 新增 AB.E.encodeURIComponent, AB.E.decodeURIComponent, AB.E.encodeURI, AB.E.decodeURI 方法 修正 设置 AB.Http.Charset 失效bug 拓展增强 AB.Char.Trim, AB.Char.LTrim, AB.Char.RTrim 方法 新增 AB.Time.ServerTime, AB.Time.LocalTime, AB.Time.ServerTimezone, AB.Time.LocalTimezone 方法 新增 AB.Time.ToUnixEpoch 方法别名 AB.Time.ToID 和 AB.Time.TimeID 新增 AB.Time.FromUnixEpoch 方法别名 AB.Time.FromID 和 AB.Time.FromTimeID 修复 AB.Url.Go 函数 Bug 改进 AB.Xml.Find 方法,使其支持 AB.Xml(selector).Length 为0情况 新增 AB.Xml.Length, AB.Xml.Count 方法 新增 AB.Xml(selector).ChildNodes 方法 AspBox核心主要包含了这么些核心: A处理Array数组 C通用函数类 Cookie操作类 Catch缓存类操作 Char字符处理类 D一般函数库 DB数据操作类 DBO数据操作对象 E加密模块(包含了Md5,Base64,SHA-1加密及收集了一些加密函数块) Form表单处理块 Fso操作类操作 Html控件 Http对XMLHttp处理块 Error错误处理块 Json处理块 jsLib(JS脚本核心引用操作) List处理各种List对象 Mail邮件处理块 PY拼音转换模块 Rnd随机数函数块 Session操作类 Sc脚本执行操作模块 Time时间操作块 Tpl模板类 Up,Upload上传处理块 Url处理块 X扩展块 Xml处理XML块 以及其他一些调用方法如aspjpeg组件操作,无惧上传类,艾恩上传类等
### 回答1: EasyUI是一个基于jQuery的UI框架,提供了丰富的UI组件和交互效果,但是默认的样式并不够美观,并不能满足用户的需求。为了使EasyUI页面看起来更加美观,我们可以下载一些第三方的EasyUI美化样式。 首先,我们可以在EasyUI官网上找到一些免费的主题,例如Metro、Black、Bootstrap等,可以满足大部分需求;或是在一些其他网站上找到一些高质量的EasyUI主题,比如Arctic、Vista等。 其次,我们也可以使用一些EasyUI配套的皮肤编辑工具。这些工具提供了可视化的皮肤制作界面,用户可以通过拖拽和修改元素的方式轻松制作出符合自己需求的皮肤样式。其中比较常用的工具有EasyUI皮肤编辑器、EasyUI主题制作工具等。 最后,还有一些开源的EasyUI美化框架,比如EasyUI Bootstrap Theme、EasyUI Angular Theme等。使用这些框架可以轻松地将EasyUI和其他流行的前端框架(如AngularJS或Bootstrap)整合到一起,使EasyUI页面看起来更加美观、舒适。 总的来说,美化EasyUI页面并不难,只需要下载合适的主题、使用皮肤编辑工具或使用开源框架即可。通过这些方法,我们可以让我们的EasyUI页面看起来更加漂亮、易用,也提升了用户体验和开发效率。 ### 回答2: EasyUI是一款基于jQuery的页面框架,提供了丰富的UI组件和易用性的API,让开发人员可以快速地构建出美观、交互性强的网页程序。然而,EasyUI组件的默认样式可能会让人感觉单调、相似,无法满足开发人员对于UI风格多样的需求,因此一些第三方开发者提供了EasyUI的美化主题和样式,为EasyUI添加了更多的色彩、元素和设计感。以下介绍几个EasyUI页面框架美化下载站点: 1. EasyUI Themes:EasyUI官方提供的主题下载站点,提供了几十种不同风格的主题可供下载,包括类Windows8、iOS7、metro等多种风格,下载后通过引入相应CSS文件,即可更换EasyUI的样式。 2. easyUItheme:提供免费的EasyUI主题下载,包括了多个风格的主题,如Windows7、Redmond、Material等,也支持自定义颜色。下载后在页面代码中引入该主题对应的CSS文件即可。 3. jQuery EasyUI CSS ThemeRoller:该站点提供EasyUI的在线主题制作工具,用户可以选择自己所需的组件、色彩、字体等元素,通过拖拽、自定义等方式快速地构建EasyUI主题,并可直接生成所需的CSS文件,直接在项目中使用。 除此之外,GitHub上也有一些开发者分享了自己的EasyUI主题和样式,可以通过搜索EasyUI相关主题找到相应资源。经过美化后的EasyUI页面框架,更符合现代UI的设计趋势和用户期望,对于提升应用的用户体验和美观度有着显著的作用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值