词条信息

admin
admin
超级管理员
词条创建者 发短消息   

相关词条

热门词条

更多>>
虚拟货币为何被叫停?
  继比特币中国发布关停公告后,近日火币网等交易平台也宣布将于[详细]
三部门联合推动婚恋网站实名制
  越来越多的男男女女通过互联网婚恋网站相识相知并喜结良缘;当[详细]
比特币还会东山再起吗?
虚拟货币行业监管最终还是落地了。  不同于ICO被央行直接定性[详细]
亚欧币:又一个造富神话破灭!
  最近,海南海口警方破获了一起传销案。与以往不同,这起传销案[详细]
如何防范DDOS攻击威胁
2017年DDoS攻击的总体频率有增长趋势,部分原因是物联网僵[详细]
解决网 >>所属分类 >> 网页设计    CSS   

div+css网页布局的五大误区

标签: div css 网页设计

顶[0] 发表评论(0) 编辑词条

  新入行的网页设计人员对使用div+css结构存在很多误区,这也是大多数初学者容易犯的错误,解决网总结归纳以下几条,分享给大家,希望对你写网页有所帮助。


  1、div+css在静态html网页中确实大有好处,但不等同于完全抛弃table,我们为什么不用table的原因是网页加载table结构时只有在完全加载完成才能看到网页,这样相对于DIV来讲没有DIV更好,还有另一原因是table的布局没有一定的语义,对于我们以后修改网页时带来麻烦。但在有的时候table相对比div会更有优势,“求购信息”这样的栏目块,在这个栏目中的顶部可能出现“发布人、发布时间、信息标题、联系方式”等项目,这时会发现用table来写更为方便,因为table是专门用来写数据表格的,而且符合语义要求,还有有时我们的页面要做成类似excel数据的地方,你不认为用table来写会比div来得更有优势吗,难道就一定要通过DIV来定义吗。


  2、div+css设计网页不等同于我们整个网站整个区域都必须用div包起来,每一个区块就用一个div标签,结果会发现整个网站大量的DIV堆积,这样就完全失去了我们DIV的真正优势,根体没有语义的存在价值,如果要修改一个内容你根本无从查找,其实我们应该合理地利用dl、ul、ol、span等标签,这样我们的网页看起来才会条理清晰,而且修改起来很方便。


  3、一般我们在网页设计中css文件与html代码都是分开的,之所以将css文件和html分开,是因为有些css中的样式我们需要在多们页面应用,这样在设计制作过程中省去了很多效率,再有一个就是一旦这个css文件加载了在用户访问时css文件可以缓存在本地,这样下次再访问其他页面时就不用重复加载css,这样可以节约时间和流量,也对网站的访问提高了速度,但有一种情况就没必要放在这个css文件中,那就是这个区区域的css样式在其他文件中是用不到的,你认为有必要放到css文件中让他去加载吗,这时我们就必须在这个区域单独来定义css样式。


  4、div+css制作网页是有他的优势,便随随着浏览器的发展,越来越多的浏览器投入市场,这样就造成了我们的div+css设计者们带来麻烦,因为如果你制作的网页在ie上一切正常,但在火狐、谷歌等浏览器中打开却乱了套,这就要求我们在网页设计中必须要对多个浏览器进行测试通过,你最少也得把当今用户用得最为广泛的几种进行测试,同时你还得在不同的版本中进行测试,例如ie6、7、8几个版本是会出现不同的效果的,但是我们不可能去在电脑上安装这么多种浏览器的,这样我们就必须通过模拟软件来进行测试,我们常用ietest就是一个较好用的IE测试软件,而且在测试时最好是一部分一部分进行测试,不要等到把整个网站全部完成了再进行测试,一旦完成了发现大问题是很郁闷的事情,修改起来也会很麻烦。


  5、我们初学者大多都喜欢使用DW之类的辅助软件来写代码,这里告诉初学者尽可能的使用手工写代码,因为在手工写代码时你会越来越熟悉代码,一旦熟悉了这些代码,那么代码提示类软件无法与手工写来比较的,再说手工写对以后修改网站会大有好处,网站的优化也相对更有优势。

 

 

本文地址:解决网 http://www.solves.com.cn/doc-view-3603.html

TAGS:SOLVES , 电脑技术 , 电脑知识 , 网站建设, 电脑技术, 网络营销 , 网站托管 , 硬件技术 , 网络技术 , 软件技术, 维修网点

附件列表


按字母顺序浏览:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

→我们致力于为广大网民解决所遇到的各种电脑技术问题
 如果您认为本词条还有待完善,请 编辑词条

上一篇DIV+CSS如何布局
下一篇DIVX是什么

0
1. 本站部分内容来自互联网,如有任何版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
2. 本站内容仅供参考,如果您需要解决具体问题,建议您咨询相关领域专业人士。
3. 如果您没有找到需要的电脑技术问题词条,您可以到百科问答提问或创建词条,等待高手解答。

关于本词条的提问

查看全部/我要提问>>