网页设计布局必须遵守的原则

网站设计中的布局原则,各位设计师们,赶紧拿下~~~
(一)样式重复性。 CSS布局网页有一个最为明显的特点,那就是样式的可重用。如果我们利用class选择符,反复将某一个样式属性在网页中使用多次,可以大量减少不断定义样式属性的没必要重复的工作,同时也能更好地对页面进行维护。

(二)浮动与清除浮动。网页布局中,浮动是永远也谈不完的话题,有很多浏览器的兼容性存在的问题,绝大部分是因为浮动原因所引起。比如,很多人经常碰到的IE6.0的双倍间距的问题。我对浮动的个人理解,它是一把双刃刀,关于兼容性的问题,为其而产生,同时也为其而灭亡,网站设计高手们都善于利用浮动,这将对网页布局带来很多意想不到的帮助,比如在使用负边距地方进行页面布局设计。在清除浮动的时候而出现,用来清理浮动会导致诸多问题,必须谨慎处理。清除浮动的方式有很多,我想高手们一定比我更加高明,不用多说。

(三)定位方式的页面布局。关于定位方式的布局,一般而言,就是指绝对定位。如果采用这种布局方式,其对页面布局的设计精确性要求是非常高的,很多人都深感遗憾,以绝对定位的布局方式,其盒模型宽和高是固定的,无非自适应。

(四)不宜过多使用ID选择符。ID的特点是非常明显的,在一个页面中出现的次数只能是一次,如果设计师过多使用,就失去了样式的可重用性,非常不利于页面的维护。

(五)类选择符(class)及ID选择符使用字母+数字方式命名类选择符Class及ID选择符的命名方式比较多,我个人最欣赏的方式,是针对某个模块的功能阐述性的命名。例如,针对主要内容区域,我们可以运用#mainBox或者.mainBox,不是使用#box1或者.box1。

(六)合理地使用CSS布局。这里我有一个小小的提醒,切勿盲目使用CSS样式的主要功能是对页面结构样式的处理,避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的使用。

分类目录: 建站教程 | 标签: 网页  设计  布局  必须  遵守  原则   | 评论:0
上一篇: 网站设计添加图片有绝招
下一篇: 网站设计中的创意