《陶艺》专题学习网站的页面设计

7.6.2　《陶艺》专题学习网站的页面设计

1.主页设计

主页是网站的门面，网站设计得是否精彩，是否具有吸引力，在很大程度上取决于主页的设计。一般而言，设计主页主要应考虑以下问题：内容的合理布局；导航的清晰可用；色彩的正确搭配。下面就以《陶艺》专题学习网站为例，来看看主页是如何设计的。如图7－12是《陶艺》专题学习网站的主页。

图7－12　《陶艺》专题学习网站的主页

可以看到，该主页主要划分成了三个区域。上面是服务区，主要为教师和学生提供所需的服务；中间是学习导航区，包含了该网站具有的主要功能的超级链接，为学习者提供清晰的导航；下面是动画区，其实也是三个超级链接，分别对应着陶艺概况、陶艺教室和陶艺博物馆。

该主页具有以下特点：

（1）页面元素布局合理。主页的主要任务是为学习者进行网络学习提供一个清晰的知识框架，考虑到这是一个专题学习网站，所以，制作者并没有像其他一般网站那样堆砌过多的无关元素，也没有过于追求动感，所以整个画面显得较为朴素。

（2）导航按钮设计得非常醒目。导航的设计，一要考虑习惯，二要考虑对象。对于小学生，我们在设计时应该考虑到尽可能减少他们在导航方面所花的时间，所以导航按钮位置的确立是颇为关键的。在该网站的主页上，将几个主要的功能按钮设计在中央位置，是一种较好的选择。同时，三个动画按钮进一步加强了导航的作用。如果有少数学生不能很快地找到文本形式的超级按钮，那么他们应该能通过动画超级链接找到自己需要的内容。

（3）图片、文字、动画与色彩的搭配也是颇具匠心的。

2.二级和三级页面的设计

对于中小学生来讲，设计网站时，要考虑到次级页面不宜过深，一般应不超过三级，否则学生就会迷航。

在《陶艺》专题学习网站的设计中，制作者也是作了三级页面设计。下面我们就来看看其次级页面的设计。

如图7－13，是二级页面“陶艺博物馆”的页面示例。

图7－13　“陶艺博物馆”的页面

“陶艺博物馆”的功能是通过三个主要超级链接群“陶艺技巧厅”、“陶艺佳作厅”和“陶艺资源厅”实现的。为了减少页面层数，在每个群的下面，分别又制作了一些表现具体功能的小的超级链接。如在“陶艺佳作厅”里，就包含了“造型技巧佳作”、“宜兴紫砂壶”、“景德镇陶瓷”等。

虽然网页涉及的内容不多，但制作者巧妙地加入了一些图片元素，不仅美化了页面，也使各超级链接衬托得更加鲜明，显得很协调。

图7－14是“陶艺博物馆”的二级页面“陶艺佳作厅”，显示的是一些陶艺佳作。引人注目的是这一级页面和它的上级页面有很大的相似性。这是自然的，也是合理的，目的是为了使学习者能很快地分辨出自己所处的位置。

图7－14　“陶艺佳作厅”页面

事实上，该页面的导航也很清楚。在上中部就显示了学习者所经过的途径。如在页面上就已经用灰色字体显示出了“陶艺博物馆→陶艺佳作厅→宜兴紫砂壶→景德镇陶瓷”，这正是浏览网页所经过的路径。

总之，在设计专题学习网站的页面时，一定要充分考虑到学习者的学习特性、年龄特性、认知特性等，做到有的放矢。也只有这样，专题学习网站才能取得预期的效果。