蓝鹰

摘要：随着时代的发展，高校门户网站在日常招生、就业、教学过程中起到越来越重要的作用。高校门户网站页面布局的好坏直接决定的门户网站的美观程度。科学合理的页面布局不仅能够提高网页的显示效果，而且能够极大地提高网页的下载速度，提升网站访问者体验的满意度。

关键词：高校门户网站 页面布局技术

中图分类号：TP302.1

Abstract：With the development of the times， the university portal website plays a more and more important role in the daily recruitment、employment、and teaching process. The appearance of the university portal website is directly determined by the quality of the web page layout. Scientific and reasonable layout of pages may not only improve the page display effect， but also can greatly improve the download speed of the pages and enhance the satisfaction of website visitors.

Key words：university portal website； layout of Web page

0 引言

随着移动互联和网络信息技术的发展，教学资源信息化及教学课程共享化已经成为当今高校教学的一个至关重要的设计配置环节。与此同时，高校教学网络化也获得了广泛普及与深度实施，高校日常的众多业务已然重度依赖于高校门户网站各项功能的全方位集成与开发，如网络课程建设，网络科研建设，网络专业建设，网络招生，网络就业等。高校门户网站页面布局的好坏将直接决定门户网站的美观程度。科学合理的页面布局不仅能够突出网页的显示效果，而且能够显著优化网页的下载速度，进而提升网站访问者体验的满意度。

1 高校门户网站的布局方式

本文主要探讨目前比较流行的2种布局方式，即表格布局方法和DIV+CSS布局方法，并给出其各自对应的设计方式和实现方法。

1.1 高校门户网站的表格布局研究

表格布局方式属于传统设计范畴，在网页超文本标记语言发展之初，设计者如果要将网页内的各种元素定制在网页的具体位置上则并非易事，通常网页设计者会利用表格的各种特性（如嵌套表格技术，表格单元格合并技术，表格行高和列表的设置、表格边框线隐藏等）来达到页面布局的可视化开发目的[1]。……