耿　海

（浙江财经大学 东方学院，浙江　海宁　314408）

“Internet与网页设计”中导航条的设计及其应用

耿海

（浙江财经大学 东方学院，浙江海宁314408）

“Internet与网页设计”是高校计算机等相关专业必不可少的课程之一，导航条的设计也是“Internet与网页设计”课程中1个较为重要的基本应用。在教学过程中对于导航条的设计一般会采用两种方式，一种是基础部分采用表格的形式来进行，另一部分采用DIV+CSS方式来进行导航条的设计，文章分别介绍这两种方式来布局导航条。

网页设计；导航条；表格布局；DIV+CSS

导航条是1个网站必不可少的组成部分之一，实用的导航条设计不仅能够满足用户寻找资源最基本的要求，更能给用户带来比较好的视觉享受。教学过程中针对导航条的设计一般采用表格布局和DIV+CSS两种方式，两种方式各有优劣。本文就这两种导航条的特点进行阐述，并且结合这两种方式，给出相关的应用和相应的教学实验安排，能够让学生更好的了解这两种导航条的布局方式。

1　表格布局制作导航条

1.1表格的定义和用法

在超级文本标记语言（HHyperText Markup Language，LHTML）中，采用

标签来定义表格，一般来说，1个简单的HTML表格是由table元素以及1个或者多个tr，th或者td元素来组成，其中，tr元素定义了表格的行，th元素定义了表头，td元素定义了表格的单元。

1.2通过表格布局导航条的案例

表格布局导航条的案例处处可见，本文选取本校学生去的比较多的本校官网网页中的1个导航条作为教学案例，如图1所示。

分析上面导航条可以发现，若是采用表格来对其进行布局，首先肯定需要1个表格，并且至少1行，那么就需要1个

标签，1个标签。……