刘松　蓝鹰

摘要： 优秀的页面导航设计不仅可以方便高校门户网站访问者浏览网站内容，还能在第一时间给用户以准确的信息传达，直观地表现高校门户网站的内容，让浏览者更方便地找到想要的、需要的内容。利用HTML列表标记和CSS技术制作的高校门户网站页面导航，具有网页代码冗余少、页面代码结构清晰、方便维护、页面下载速度快等优点。

关键词：高校门户网站； 页面导航

中图分类号： TP302.1

文献标志码： A

文章编号： 2095-2163（2017）05-0117-03

Abstract： Page navigation can not only be convenient for visitors to browse web content， but also to obtain the accurate information， by which visitors could more easily find the required content. Page navigation of university portal based on HTML list mark and CSS technology has many advantages ，such as less code redundancy， clear page structure， convenient maintenance and fast page downloading speed.

Keywords： university website； page navigation

1页面导航布局方法概述

页面导航栏是指位于网站页面顶部或者侧边区域的，在页眉横幅图片上边或下边的一排水平导航链接，在设计上则发挥着针对网站内的各个子页面的链接作用。高校网站使用页面导航栏是为了让高校门户网站访问者能够更为便捷清晰地找到目标需求的资源区域，从而成功获取网页资源。

在高校网站设计中，页面导航的设置尤为重要。美观的导航菜单会给高校门户网站提升视觉等级，从而有效引导高校门户网站浏览者迅速找到感兴趣的页面信息[1]。优秀的页面导航设计不仅可以方便用户浏览网站内容，还能在第一时间为用户传达准确信息，同时直观呈现高校门户网站的主旨内容，使浏览者能够以优势速度找到想要的、需要的内容。因此，页面导航栏在网站设计中占据了主导关键性位置，在一定程度上甚至能够决定高校门户网站的风格。

根据页面导航在页面中的布局形式不同，常见的导航栏可以分为纵向页面导航、横向页面导航、二级弹出菜单导航、下拉导航等几种形式，其中以纵向导航、横向导航和二级弹出菜单比较常用。……