
常州市新北区典雅商业广场2号楼501、502、525、526
本文(wen)和(he)大家重点(dian)讨论一(yi)下为什(shen)么要运(yun)用(yong)Div Css进行网页(ye)(ye)设计? CSS是CascadingstyleSheets的(de)简称,中文(wen)译作“层叠样式(shi)表单”,在(zai)主(zhu)页(ye)(ye)制(zhi)作时采用(yong)CSS技术,可(ke)以(yi)有效地对页(ye)(ye)面的(de)布局、字体(ti)、颜色、背景和(he)其它(ta)效果实现更加精确的(de)控制(zhi)。
为什么要运用Div Css进行网页设计?
为什么要运用(yong)Div Css进行(xing)网页设计(ji)(ji),用(yong)Div Css设计(ji)(ji)有什么好处呢?面对(dui)目前Div Css布(bu)局日益成为新站建(jian)立的首(shou)选,大(da)家不禁产生以(yi)上疑问!
CSS是(shi)CascadingstyleSheets的(de)(de)简(jian)称,中文(wen)译作(zuo)(zuo)(zuo)“层叠样式表单”,在(zai)主页制作(zuo)(zuo)(zuo)时采(cai)用CSS技术(shu),可(ke)以有(you)(you)效地对(dui)页面(mian)的(de)(de)布局、字体、颜色、背景和(he)其它效果(guo)实现(xian)更加精确的(de)(de)控制。只要对(dui)相应的(de)(de)代码做一些简(jian)单的(de)(de)修改(gai)(gai),就(jiu)可(ke)以改(gai)(gai)变(bian)同一页面(mian)的(de)(de)不同部分(fen),或者页数不同的(de)(de)网(wang)(wang)页的(de)(de)外观和(he)格式。网(wang)(wang)上冲浪无论你(ni)用InternetExplorer还(hai)是(shi)NetscapeNavigator,几(ji)乎随时都(dou)在(zai)与CSS打交道,在(zai)网(wang)(wang)上没有(you)(you)使(shi)用过CSS的(de)(de)网(wang)(wang)页可(ke)能不好找(zhao)。不管你(ni)用什么工具软件制作(zuo)(zuo)(zuo)网(wang)(wang)页,都(dou)有(you)(you)在(zai)有(you)(you)意(yi)无意(yi)地使(shi)用CSS。用好CSS能使(shi)你(ni)的(de)(de)网(wang)(wang)页更加简(jian)炼,同样内(nei)容的(de)(de)网(wang)(wang)页,有(you)(you)的(de)(de)人做出(chu)来有(you)(you)几(ji)十KB,而高手做出(chu)来只有(you)(you)十几(ji)KB。
概括来讲使用Div CSS构架主要有以下三(san)大(da)好处:
1、对(dui)搜索引擎亲(qin)和力
一(yi)般(ban)来(lai)说,table构架(jia)(jia)(jia)描述的(de)页(ye)(ye)(ye)面(mian),样式(shi)结构和内容(rong)(rong)信息大小比可能(neng)达到(dao)1:1甚至更高,而(er)(er)Div CSS构架(jia)(jia)(jia)的(de)页(ye)(ye)(ye)面(mian)。虽然(ran)在客(ke)户端看来(lai)下载一(yi)个(ge)复(fu)杂的(de)CSS也(ye)要(yao)占用差不(bu)多的(de)带宽,然(ran)而(er)(er)搜(sou)索(suo)(suo)引(yin)(yin)(yin)擎(qing)可以很方便(bian)的(de)绕过这(zhei)个(ge)css,而(er)(er)直接(jie)抓去div中(zhong)的(de)内容(rong)(rong)。这(zhei)便(bian)是(shi)(shi)div的(de)优势所在。搜(sou)索(suo)(suo)引(yin)(yin)(yin)擎(qing)不(bu)会在意一(yi)个(ge)页(ye)(ye)(ye)面(mian)的(de)设计或者(zhe)构成,搜(sou)索(suo)(suo)引(yin)(yin)(yin)擎(qing)不(bu)可能(neng)“欣赏”设计漂亮新颖的(de)页(ye)(ye)(ye)面(mian),也(ye)不(bu)会去“排(pai)斥”颜色搭配(pei)丑陋的(de)页(ye)(ye)(ye)面(mian)。它们只是(shi)(shi)默默地拿到(dao)它们需(xu)要(yao)的(de)内容(rong)(rong)就离开。如果一(yi)个(ge)页(ye)(ye)(ye)面(mian)中(zhong)涵盖(gai)了大量的(de)table来(lai)描述构架(jia)(jia)(jia),试想(xiang)搜(sou)索(suo)(suo)引(yin)(yin)(yin)擎(qing)要(yao)花(hua)多大的(de)代价才(cai)可以拿到(dao)真正有用的(de)信息呢?因(yin)此(ci),Div Css结构清晰,容(rong)(rong)易(yi)被搜(sou)索(suo)(suo)引(yin)(yin)(yin)擎(qing)搜(sou)索(suo)(suo)到(dao),天(tian)生优化了seo。
2、表现和(he)内容分(fen)离,便于站点重构页面
内(nei)容和样(yang)(yang)式的分离导致我们在重(zhong)构(gou)页面(mian)(mian)布局(更换皮肤)的时候,只用针(zhen)对每一个(ge)div元素重(zhong)新定义(yi)其具体(ti)位置、样(yang)(yang)式就行(xing)了。而在原(yuan)来的table基础上进(jin)行(xing)改版,几(ji)乎必须(xu)改变所有的内(nei)容注(zhu)入渠道,实(shi)在是(shi)太过于麻烦。这(zhei)个(ge)应(ying)用最经典的例(li)子就是(shi)各大blog程序了。就如(ru)现在我用的LBS系统(tong),以及(ji)流(liu)行(xing)的PJBLOG、PHP下面(mian)(mian)的WP、MT,都(dou)是(shi)采用Div Css构(gou)架。
3、便于Web项目(mu)开发分工协作
以往的(de)Web开发(fa)程序员和页(ye)面(mian)设(she)计者结合必(bi)须相当紧密。由于Div CSS构架的(de)表现和内容分(fen)离的(de)特性,程序员和页(ye)面(mian)设(she)计者只要通(tong)过一(yi)定(ding)页(ye)面(mian)元素的(de)约定(ding),便(bian)可进行(xing)各自(zi)擅长的(de)程序控制(zhi)和页(ye)面(mian)展(zhan)示部分(fen)的(de)开发(fa),大大提(ti)高了开发(fa)效率(lv)。