认识UI

认识UI

第一大类html

 Frameset 实现典型的系统UI框架非常简单


 <head>

<frameset rows="60,*,20"frameborder="no">

         <framesrc="http://www.baidu.com"></frame>

         <framesrc="http://www.baidu.com"></frame>

         <framesrc="http://www.baidu.com"></frame>

</frameset>

</head>

认识UI_第1张图片

撑满整个页面优点:构建页面UI框架方便缺点 :不灵活

 framesrc 中可以链接其他的jsp  在其他的jsp 中可以用frameset进行再当前模块中分模块

 

第二类  div+css :

这个就太常用了。像jquery-easyui等都是依赖div+css实现布局的

可以实现页面框架布局,可以将页面分为很多块,每个块就是一个div ,div 加上css就可以实现各种风格的样式 

优点:布局灵活。

使用div+css 不会手动去写。我们会通过ui 的框架实现。

ui框架提供的功能:页面布局、页面主题、按钮、下拉框、表单、数据列表等

 

 

常用的ui 框架  yui (功能很多,需要自己封装)  extjs(门槛相对比较高,)  jqusey –easyui(简单易学,门槛不高)

 

认识UI_第2张图片

 

推荐使用客户端。不推荐使用浏览器插件 插件安装浏览器需要考虑浏览器兼容问题,因为浏览器种类太多了,所以推荐使用客户端。

你可能感兴趣的:(认识UI)