网站建设对网站设计总网页布局的六大基本原则

网站设计网页布局

网站设计中网页布局(The Plot)有六大基本原则,具体如下所示:

一:网站样式的重用性:CSS 布局(The Plot)的网页最大的特点就是样式的可重用性,利用class选择符重复(repeat)将某个样式属性(property)多次在网页中使用,以减少不断定义样式属性的烦琐工作,增加页面的可维护性。例如,将某处表达样式、板块整体样式、文字颜色;甚至可以扩展到页面的模块化处理。

二:浮动与清除浮动:浮动式网页布局(The Plot)中永远的话题,很多浏览(browse)器的兼容性问题都是因为浮动而导致(使产生,促成)的,例如IE6.0的双倍间距的问题。浮动也是把双刃刀,兼容性的问题为其二产生为其而灭亡,善于(擅长)利用浮动对于网页布局(The Plot)将会带来很到的帮助,例如使用负边距地方法对页面进行布局(The Plot)设计。清除浮动浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多。

三:定位方式的页面布局(The Plot):定位方式的布局(The Plot)一般指的是绝对定位,这种布局(The Plot)方式对页面布局(The Plot)的设计精确性要求十分高,遗憾的是绝对定位的布局(The Plot)方式的盒模型是固定高和宽的,无非自适应。

四:不要过多使用ID选择符:ID在一个页面中出现的次数是一次,过多使用将失去样式的可重用性的特征,对于页面的可维护性也将大打折扣。

五:类选择符(class)及ID选择符使用字母+数字方式命名:类选择符Class及ID选择符的命名方式很多,最好的方式是阵对某个模块的功能阐述(expound)性的命名,例如,阵对主要网站内容区域,可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。不使用字母+数字的方式命名,在后期维护中可以阵对某个模块主要针对对象一目了然。

网站设计网页布局

六:合理使用CSS布局,切勿盲目(眼睛看不见东西、比喻认识不清)使用:CSS样式的主要功能是对页面结构(structure)样式的处理,避免只是为了试验一种技术或新技巧(Skill)而采用CSS中的技巧去剥夺其他语言脚本的使用。网站设计的布局和格式,是必须要学会的!

作者:张国维博客

张国维博客网站-仅提供分享专业的seo优化,网站建设,网络推广,编程开发,信息安全等有干货的互联网资讯!

发表评论

张国维seo博客是一个免费为大家提供网络营销教程seo教程网络安全新媒体营销微信营销seo工具互联网资讯网站!

维维一笑网 Copyright ©2015-2024 All Rights Reserved  粤ICP备20063688号    粤公网安备 44152102000036号  网站地图