网页设计实例教程陈旭东孙永芳崔为花张晓诺05章节.pptVIP

本章内容 5.1 大学生服务网首页分析 5.2 使用表格设计布局 5.3 使用层设计布局 5.4 使用框架集 5.1 大学生服务网首页分析 首先从页面尺寸上分析，读者使用浏览器浏览网页的时候，浏览器窗口内不应出现水平滚动条，页面高度不宜过大。由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去一些宽度，留下给你的页面范围变得越来越小。 一般分辨率在640×480的情况下，页面的显示尺寸为:620×311 个象素；分辨率在800x600的情况下，页面的显示尺寸为：780×428个象素；分辨率在1024×768的情况下，页面的显示尺寸为：1007×600。 从以上数据可以看出，分辨率越高页面尺寸越大。做网站开发，必须认真考虑页面尺寸，使得在满足展示内容需要的前提下，适应尽可能多的显示器。 第5章 网页布局设计 网页布局的实现在技术上常用两种方式： 第一种是使用表格控制页面布局，这种方式简单直观，适合网页设计的入门者使用。 第二种是使用层控制页面布局，层元素的使用比较灵活，但使用有一定难度。目前使用层控制页面布局的网站越来越多。　 5.1 大学生服务网首页分析 图5-2 大学生服务网首页布局分析 5.2 使用表格设计布局 5.2 使用表格设计布局 【实例解说】 在本实例中，全部的布局代码都以table来实现，其中