网页布局的概念和网页布局常采用的方法

  网页布局就好比一块空地,让您来决定上面种什么花能够达到比较好的视觉效果,同时让欣赏花的人方便参观、浏览。
  下面介绍一下网页布局的一些概念:
  1.页面尺寸:
  一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。网页的高度不易超过三屏。
  2.页头:
  页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。
  3.文本:
  文本在页面中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。
  4.页脚:
  页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。
  5.图片
  图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。
  网页常采用的一些布局:
  1.table(表格)布局
  表格布局是早期采用的网页布局方法,对早期的编码来做网页来说,效率非常高。减少反复欠套烦琐,浏览速度会比较慢,table制作的网页兼容性比较好。代码多随着网页的发展后期出现了CSS布局网页。
  2.CSS(层叠样式表)布局
  CSS布局有以下好处:网页代码更简洁,使你的页面载入得更快,降低你的流量费用;让你在修改设计时更有效率而代价更低;帮助你的整个站点保持视觉的一致性在世界上越来越多人采用Web标准时,它还能提高你的职场竞争实力(事实上也就是降低失业的风险)。
  3.框架布局
  框架布局在网页设计中用的不是很多,一些页面为了考虑兼容性使用框架,也有的是静态页面的一部分嵌入动态框架网页。一般的网站管理后台多用框架设计;还有一些论坛也采用框架结构。 

Read More