网站建设中页面布局要遵循的原则
无规矩不成方圆,做网站建设的页面布局也是一样,要保证网站页面的合理性。网页布局的好差也同样会影响用户体验,可见页面布局很重要。那么页面布局应该注意哪些事项呢?
1、样式的重用性
CSS
布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用,以减少不断定义样式属性的烦琐工作,增加页面的可维护性。例如,将某处表达样式、板块整体样式、文字颜色;甚至可以扩展到页面的模块化处理。
2、浮动与清除浮动
浮动式网页布局中永远的话题,很多浏览器的兼容性问题都是因为浮动而导致的,例如IE6.0的双倍间距的问题。浮动也是把双刃刀,兼容性的问题为其二产生为其而灭亡,善于利用浮动对于网页布局将会带来很到的帮助,例如使用负边距地方法对页面进行布局设计。清除浮动浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多。
3、定位方式的页面布局
定位方式的布局一般指的是绝对定位,这种布局方式对页面布局的设计精确性要求十分高,遗憾的是绝对定位的布局方式的盒模型是固定高和宽的,无非自适应。
4、不要过多使用ID选择符
ID在一个页面中出现的次数是一次,过多使用将失去样式的可重用性的特征,对于页面的可维护性也将大打折扣。
5、类选择符(class)及ID选择符使用字母+数字方式命名
类选择符Class及ID选择符的命名方式很多,最好的方式是阵对某个模块的功能阐述性的命名,例如,阵对主要内容区域,可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。不使用字母+数字的方式命名,在后期维护中可以阵对某个模块主要针对对象一目了然。
以上就是《网站建设中页面布局要遵循的原则》的全部内容,仅供站长朋友们互动交流学习,SEO优化是一个需要坚持的过程,希望大家一起共同进步。
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到用户中心发布投稿,分享有佣金分成!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务 请大家谅解!
5. 如有链接无法下载、失效或广告,请联系站长,可领回失去的金币,并额外有奖!
6. 如遇到加密压缩包,默认解压密码为"www.9m8m.com",如遇到无法解压的请联系管理员!
7. 本站部分文章、资源来自互联网,版权归原作者及网站所有,如果侵犯了您的权利,请及时联系我站删除。免责声明
精品源码网 » 网站建设中页面布局要遵循的原则
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源(除商业源码分类)均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 源码会提供后续更新服务吗?
- 只要是源码有了新的版本发布,那么我们就会发布出来,凡是vip会员都可享受免费下载更新的权限!
- 所有源码是否100%完整可运营?
- 因为时间、精力、条件和源码的复杂程度等诸多因素的限制,导致我们无法去对每一套源码都去做一个全面且深入的测试,所以我们无法保证站内所发布的源码全部都100%完整可运营,所以关于此问题就无法给大家做出任何承诺。
- 本站源码是否支持退款?
- 本站属于自动发货下载,源码是虚拟产品,易复制与传播,一旦购买是不支持退款的,感谢理解!