首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

小聊网页布局

2012-11-22 
小谈网页布局WEB前端的开发,UI是很重要的,一个成功的UI往往就是项目成功的一半。?在商业化的UI里面,布局是

小谈网页布局

WEB前端的开发,UI是很重要的,一个成功的UI往往就是项目成功的一半。

?

在商业化的UI里面,布局是一个很重要的设计要素。

?

一、整体布局

?

1. frameset布局

?

frameset是使用得最广泛的布局模式。

?

优点

?

1. 简单

??? frameset的布局是浏览器一级的界面,我们不用关心但页面溢出时,我们应该怎么处理,而且标签和属性不多

?

2.嵌套页面时,执行效率好。

??? 如果我们不使用frameset来嵌套页面,当然我们也可以选择iframe。但是iframe的执行效率并不高,而且很容易内存溢出。

?

缺点

?

1.不灵活,我们无法自由的定制漂亮的自定义边框,只能使用有限的border属性值去控制边框。而且一旦我们写定了页面的框架后,我们就无法更改。

?

2.有些浏览器并不支持frameset

?

2. DIV布局

DIV布局是一种很灵活的布局形式,但如果经常情况下,我们都会在布局中增加嵌套页面,这时我们必须使用IFrame。但DIV的布局非常的灵活。

?

有兴趣的朋友可以研究一个EXT 的ViewPort组件,这个组件就是用DIV实现页面布局的一个优秀范例,当然ViewPort虽然界面美观,但速度却有待提高。

?

?二、定位

1. 绝对定位

??? 绝对定位是一个很好理解的元素定位方法。绝对定位不会在乎页面上其他元素的干扰,而是相对于窗口的左上角的定位模式,就相似于数学中的坐标。HTML中,我们可以在style中定义position属性的值为absolute。同时我们还要设置left和top属性。

?

?

?

热点排行