网站制作的页面布局原则

分享到:

2018-04-09 09:56:00

制作网站的时候,页面的布局是很重要的。不仅要保证页面的合理性,同时页面的布局方式对用户体验也有影响。因此,站长在制作页面的时候要重视。那么我们就来说一下页面在布局的时候要注意哪些原则呢?

网站制作页面布局


第一、页面样式的重复使用。采用CSS方式布局的页面有一个很大的特点,即页面的样式是可以重复使用的。个人制作网站页面的过程中,选择class选择符,可以将某一个属性进行重复使用。这样就可以减少样式定义的工作,而且页面在维护的时候也比较方便快速。比如,将某一个表达样式、版块的样式、文字的颜色等等都可以调用,甚至可以调用模块。

第二、浮动式以及清楚浮动。个人制作网站页面的时候,浮动式的布局方式是最常提到的。不少浏览器的兼容性都是因为页面的浮动。浮动式的页面布局有好也不好的一面,如果利用得好,那么对页面的布局有很大的帮助,例如负边距的设计。在兼容性方面就会有利有弊,而清除浮动,就是用来解决因为浮动而出现的问题。

第三、定位方式的页面布局。定位方式进行布局页面,主要指的是绝对定位,而且对页面的设计精确度是非常高的。但是这种方式布局页面,高和宽是固定的,所以不适用与自适应的网站设计

页面布局的方式


第四、页面布局过程中不要使用太多ID选择符。一般来说,一个页面只可以出现一次ID,如果多次使用,则体现不出样式的重复使用特点,页面在维护方面也是比较麻烦,成本也比较高。

第五、类选择符class以及ID选择符的命名方式,不建议使用字母+数字的形式。类选择符classID选择符的命名方式有很多种,最理想的一种方式就是针对某一个模块功能的命名,例如主要内容区域的命名为#mainbox

网站制作的页面布局原则主要是以上几个方面,希望可以帮助到有需要的站长。


声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴