本文和大家重点讨论一下为什么要运用Div Css进行网页设计? CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
为什么要运用Div Css进行网页设计?
为什么要运用Div Css进行网页设计,用Div Css设计有什么好处呢?面对目前Div Css布局日益成为新站建立的首选,大家不禁产生以上疑问!
CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。网上冲浪无论你用InternetExplorer还是NetscapeNavigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
概括来讲使用Div CSS构架主要有以下三大好处:
1、对搜索引擎亲和力
一般来说,table构架描述的页面,样式结构和内容信息大小比可能达到1:1甚至更高,而Div CSS构架的页面。虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去div中的内容。这便是div的优势所在。搜索引擎不会在意一个页面的设计或者构成,搜索引擎不可能“欣赏”设计漂亮新颖的页面,也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架,试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢?因此,Div Css结构清晰,容易被搜索引擎搜索到,天生优化了seo。
2、表现和内容分离,便于站点重构页面
内容和样式的分离导致我们在重构页面布局(更换皮肤)的时候,只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦。这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统,以及流行的PJBLOG、php下面的WP、MT,都是采用Div Css构架。
3、便于Web项目开发分工协作
以往的Web开发程序员和页面设计者结合必须相当紧密。由于Div CSS构架的表现和内容分离的特性,程序员和页面设计者只要通过一定页面元素的约定,便可进行各自擅长的程序控制和页面展示部分的开发,大大提高了开发效率。
【编辑推荐】
- Div CSS经验:组织选择符和声明
- DIV CSS居中常见方法解析
- DIV CSS编码中容易犯的一些错误
- Div+CSS布局入门之写入整体层结构与CSS
- DIV+CSS开发过程中影响SEO的制作细节