网站制作中的页面布局最基本的原则

分享到:

2017-03-07 14:43:00

制作一个网站有很多方面需要我们注意的,尤其是页面布局方面。今天我们就来分析一下网站制作中的页面布局有哪些原则需要我们注意的。下面我们就详细来分析一下。

第一、网站建设中,样式的设计是可以重复使用的。利用css进行页面的布局最好的亮点是样式可以重复使用,可以使用class选择符对需要重复使用的样式进行多次使用,这样就可以减少定义样式的工作,同时页面在维护方面效率比较高,网站的代码比较少。样式的设计可以将整体的样式、文字的颜色等等都可以重复使用。

第二、浮动以及消除浮动原则。页面布局中浮动式的页面是一个永恒的话题,因为浏览器的兼容性问题很多都是因为浮动原因出现的。浮动页面有利有弊,兼容性是其弊。但是如果能够合理地运用浮动页面可以将页面布局得更出色,例如通过负边距对页面进行布局。消除浮动是用来清理哪些因浮动产生的问题。

第三、通过定位的方式进行页面布局。自己建网站,定位方式在布局的时候一定都是绝对定位,而且这个页面布局方式要求非常高,但是也有缺点,就是高度和宽度是固定的,没有适应性。

第四、布局页面时不宜有太多的ID选择符。一般情况下,ID在一个页面只出现一次,如果多次使用则不会实现样式的重复使用,那么对页面的维护产生很大的负面影响。

第五、类选择符以及ID选择符的命名方式不要使用字母+数字的方式。这两种选择符的命名方式有很多中类型,最常用的就是针对某一个模块的功能进行命名。例如内容功能区的命名可以是mainbox,这种命名方式方便网站后期的维护,一眼就可以知道哪一个模块在哪里。

第六、css布局要合理利用,千万不要盲目使用。Css样式的功能主要是对结构样式进行处理。

设计网站的时候,布局页面最基本的一些原则就是以上六个方面,站长们在建设网站时要注意一下,希望本文可以帮助到有需要的站长。


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