网站建设中table和div+css静态排版

date / 2016-04-17 views / 次 分类/企业官网 作品/创想传媒

现在互联网发展迅猛,几乎每个企业都有了自己的企业网站。企业的网址几乎和企业热线电话一样,成了企业必备的展示信息。网站的页面设计业体现了企业的形象,网站内容表达了企业的内涵,介绍和产品。大家看到的都是网站的界面啊,设计啊,内容啊,但是几乎很少有人想过注意过,网站的这个样子是怎么做出来的?
 
 实际上,网站界面不同于咱们看到的纸质宣传画,网站内容更不同于咱们平时编辑的word文档。网站的样子是基于超文本标记语言html进行编写的。所有浏览器都是遵循过国际上通行的w3c标准,所以大家在不同的浏览器上看到的页面版式几乎是相同的。网站刚在中国兴起的时候,网站制作公司大都采用table来进行网站界面排版。简单的讲,就是把整个网站分割成大小形状不同的很多小表格,在小表格里添加内容,增加样式。虽然最终大家看到的界面感觉上是比较不错的,但是实际上,整个页面的html文件繁杂不堪,后台修改和维护都很麻烦。而且浏览器加载的时候缓慢,在不同的浏览器下兼容也容易出现问题。现在市面大部门老的网站,或者不专业的网站建设公司,都还保留着table进行网站排版的做法。
 
近几年来,国际上为了方便网站排版的简洁性和实用性,形成了div+css进行网站排版的模式。div等标签只是用来标记页面不同元素之间的所属关系,css则进行元素的大小定义,背景设置,样式选择。这样,div等元素保留的html页面上,css有专门的css文件专门存放。这样,页面就显得干净利索,后台维护和修改异常容易。源码给其他人维护时,也不会出现太多交接问题,因为div+css对于每个专业人士来讲都是很标准化的东西。我们公司一直坚持使用div+css进行手工网站排版,源码清晰明了,浏览器加载快,搜索引擎蜘蛛容易爬行。每个网站上线前,我们进行不同浏览器的兼容测试,最大质量的保证了网站页面排版的品质。