以下是自己练习的关于一个学习网站的首页排版以及个人中心排版,其中要注意的几点如下:

 

  • 首页
  1. 关于网页的尺寸大小:我都是采用最大的分辨率:1920*某某某,首页的banner区是1920*400PX
  2. 关于导航条:导航条的高度我留了50像素,导航信息以在1180像素内左右居中对齐
  3. 下面三个板块,每个板块之间的距离是60像素,板块内部的留白距离是20像素,单独的一个小板块的尺寸是280*240像素,整个板块的高度是500像素左右。
  4. 一定要注意区域与区域之间的留白距离跟上下左右的居中对齐。云中帆首页网页练习
  • 个人中心
  1. 个人中心的导航条跟主页的一样,留的高度都是50像素
  2. banner区跟内容区的距离是80像素,基本板块之间都是20像素的留白。大的距离基本控制在60-80左右,小区域之间的距离基本控制在10-20像素左右,这根据情况而定,这样看起来整齐美观些。

1