咨询热线:400-818-1122
致远服软首页 > 最新发布
设计风格布局:网页布局技术
上传日期:2019-07-19 10:08 文章来源:

日前网页布局技术方面主要是使用HTMLCSS,根据布局元素的不同,可以分为3类:

(1)      基于D+CSS的布局技术

这是目前最流行的网页布局技术,它使用HML的层<div>标签作为容器,使用CSS技术的精确定位属性来控制层中元素的排列、层与层之间的放置关系等。这种布局方式的优点是布局灵活、加载速度较快,但是需要设计人员对CSS具有深入的理解和掌握。可以参考下面的网站:http://www.zhiyuanit.net.cn/

初学布局的用户可以从 Dreamweaver的新建文档模板中找到很多使用DIV+CSS布局的模板,通过这些模板附带的注释信息可以对DIV+CSS的创建有个基本的理解。

使用模板新建了一个网页后,可以看到网页中包含了大量的注释,而且Dreamweaver对于DV+CSS布局的可视化支持非常好,因此可以在可视化的状态下看到DV+CSS的具体应用效果。

 

(2)      基于表格的HTML布局技术

表格布局是曾经非常流行的网页布局技术,由干表格定位图片和文本比CSS方便,而且不用担心不同对象之间的影响,一直是网站布同的主,表格布局的缺点在于当表格层次嵌套过深是,会影响页面的下载速度。

表格式布局虽然非常方便,但是由于其灵活性和效率不如DIV+CSS布局高效,因此渐渐退出了布局的舞台,不过在一些企业级的web应用程序开发中还是能经常看到表格式布局的影子。

 

(3)      基于框架的布局技术

由于框架可以在浏览器窗口中显示多个页面,因此也常用来进行布局网站交互设计,这种网页布局多见于一些基于web的应用程序中,比如说办公室OA系统等。但是由于框架布局具有不确定性因素,比如一些浏览器不能显示框架内容,而且无数的警告提示着用户不到万不得己不要使用框架,因此这种方式进行布局并不流行,但是对于一些基于Web的应用系统来说,这种方式灵活、好控制、便于维护,是网页布局的首选。在 Dreamweaver中打开的一个基于表格和框架布局的某网站后台管理页面,它使用了左右分栏式的布局结构,导航栏和内容区都由不同的页面维护,对于一个网页应用程序来说具有很好的可维护性和可扩展性。

免责声明:网站内涉及到图片及相关文字如涉及到侵权,请及时联系我们处理
< 返回列表
最新发布推荐
【致远服软官微】公众号
致远服软 ©1997-2023 ISO9001国际认证:06909Q12368ROS 软件著作权证:软著登字第0203110号 大连软件协会会员单位:No.131 高新技术企业编号:200513 经营许可证:辽B1-20130020(IDC证) 经营许可证:辽B1.B2-20150257(ICP证) 国家工信部备案号:辽ICP备05002388号-18 特邀法律顾问:辽宁海星律师事务所 马晓军律师 全国免费咨询热线:400-818-1122 传真:0411-83726031