关键词：网页人机界面设计；感性工学 ；少儿网站
中图分类号：TP393文献标识码：A文章编号：1009-3044(2011)04-0779-03
1 感性化网页界面设计
1.1 界面设计的发展
界面设计的概念首先是在西方国家提出来的，而且存在了很长的时间，发展到今天己经有了一套自己成熟的理论和实践经验,韩国和日本对于网页界面设计的研究已经走在这方面研究的前端。虽然感性的人机界面设计成为设计领域的焦点，其理论主要用在产品界面设计，在历年研究生的论文中，大多是从网页界面设计的色彩、存在的形态及学科相关性方面阐述、或者只是网站建模，很少将理论与设计实践相结合来研究。人机界面设计的一个细小分支:网页人机界面的感性化设计在国内还处于起步阶段。
1.2 感性工学
上个世纪80年代末在日本出现了感性工学的课题和研究。感性工学(KanseiEngineering)是界于设计学、工学及其他学科之间的一门综合叉学科。“感性”是一种主观的难以用文字来描述的心理体验，它是一种认知的概念，受个人知识、经验和个性的影响，是个性化的认识。同时感性也是直觉与理智相互作用的结果，感性对美的、情趣的事物特别敏感。对于设计者而言就是把消费者脑海中的构建法则探寻出来，通过破译消费者的感受，再利用这些探寻出来的法则去进行设计，这就是感性工学设计的首要任务。
1.3 感性工学与界面设计的关系
首先从指导思想上讲，感性工学设计的出发点是考虑人的感受即以人为本。从人的角度度上考虑问题高于一切，因为设计的目的就是为了让产品更好的为人服务。只有以人的感受作为基础和原始资料，以“以人为本”作为指导思想，从人的感受方面去寻找设计灵感，才能保证设计符合使用者的需求，这是设计的源头也是设计的动力。其次从设计周期方面讲，基于感性工学的网页界面设计方法论精简了传统的设计理念的步骤，设计程序不再那么复杂。对设计过程的精简不仅提高了设计效率，简化了繁琐的设计流程，而且从根本上解除了设计师在思想上的束缚，使设计更加灵活。最后，从设计结果上讲，它避免了许多不必要的或者是重复的信息设置，无论是布局还是内容，每一个小细节都来自用户的真实感受，都经过设计师的深思熟虑。由基于感性工学的网络形象设计理念设计出来的“产品”应该是符合用户群体需求，符合市场需求的。网页界面设计发展到现今的阶段，功能合理，适用有效或是有某种外在的美感已经不再能满足网页用户的需求了，感性化网页界面设计已经成为设计的必然。在网页界面的设计过程中，研究用户是其最基础的一个环节。为了提供自然和直观的网页界面，我们就需要表现出以用户和交流为向导的新的设计方法。对于用户来说，用恰当的文字和语言来表达自己的“感性”并不是一件容易的事情，设计师就更难辨别出产品的哪些属性可以唤起人们的何种感性，以及人们的感性是如何随着产品属性的改变而改变的，在更多情况下，人们的感性并不只由某一种产品属性决定。感性工学，因其运用科学先进的现代工具和技术，可以帮助消费者表达自己的感性，甚至是一些他们自己都没有意识到的情感，设计师可以准确便捷地获取消费者基于产品和概念的特性的主观评价，取得消费者对于产品的潜在感受和需求。感性工学除了是可以运用的设计上的工具，更是可以辅助设计师弄清人们感性的利器，从而可以针对不同消费者和消费群体的感性需求，设计出不同的产品造型，在客户满意度与设计制造成本之间取得一个平衡点。
2 少儿网页界面感性化设计现状调查
本文以常用少儿网站新浪少儿网，希望谷，迪斯尼中国站为例，分析目前的少儿网站感性化设计发展现状，为下文的研究提供数据依据。
2.1 数据来源及其分析
这项研究分别从用户和网站角度进行研究。通过对用户的调查，可以得到用户的体验，以及从用户的角度得到对网站的评价，并且可以发现网站中存在的一些问题。通过对少儿网站的调查，可以了解到网站中吸引用户的重要因素，以及用户对网站的评价，从而为网站的设计提供建议。
2.1.1 问卷调查
问卷调查是以书面提出问题的方式搜集资料的一种研究方法。研究者将所要研究的问题编制成问题表格，以邮寄方式、当面作答或者追踪访问方式填答，从而了解被试对某一现象或问题的看法和意见，所以又称问题表格法。在各种调查研究当中，所得结果是否达到调查的目的和要求，以及所搜集到的资料的可靠程度和完善程度都取决于调查问卷设计水平的高低，在可用性研究中，问卷调查可以用来了解用户的满意度和遇到的问题，也可以根据客户服务的反馈，实际使用的记录或实地测试的方法来了解用户的实际使用情况。 问卷调查方式可以得到在特定的情况下对使用网络的体验，比如少儿上网是为了娱乐，结交朋友还是还是其他，可以得到在这个使用范围内的精细的用户需求。本次调查的用户对象是深圳地区少年儿童。由于深圳是个移民城市，来深建设者来自全国各地，人口多样化，少年儿童也都是来自全国各地，从而使得调查的数据人口广泛而具有代表性。在问卷调查的这个环节里，我们的主要目的是发现少儿网站用户浏览网站的目的，浏览网站过程中的喜好，期望得到什么，这些期望是如何满足的，或者为什么没有满足。在知己知彼网发表调查问卷，再通过学而思教育机构将将网站公布给深圳五区各小学，每个区都有学生作答问卷，网站对调查问卷的结果进行统计分析，由于篇幅有限只列举部分问卷结果，问卷调查大多为多项选择题。从图1可以看出，少年儿童浏览网站时的目的有70%以上是娱乐。
图1 学生浏览网站的目的 图2 网站吸引用户因素调查
从图中可以看出人们在浏览一个网站的时候，喜欢一个网站的原因74%的人表示是因为娱乐；浏览网站的目的学习与娱乐的需要各占一半；有50%的人是被这个网站的内容所吸引；大多数的用户喜欢清新，可爱，卡通的界面风格；44%的人认为目前的网站学习资源比较少，同时35%的人认为网站不容易操作，只有65%的人表示在三次以内就能熟练操作一个陌生的网站；59％的人表示容易找到需要的内容；大多数少年儿童希望能够将资料年级分类以便查找； 59%的人表示希望能够在线互动；大多数人喜欢网站提供展示自己才艺的平台；从目前网站存在四个比较严重的问题，这个问题分别是网页弹出广告，出现错误的信息，网页打开慢，网页内容更新慢，这四个方面比较严重的问题也是我们今后网站设计改进的方向。
2.1.2 文案法
文案调查以收集少儿上网的文献性信息为主，具体表现为各种文献资料，可以通过网络搜索,少儿报纸杂志和报纸来收集相关信息,尤其是通过网络,可以从更宽广得角度来获得更多地有关少儿上网的知识。它可以用来发现少儿上网的问题并为研究提供重要参考依据。这些收集来的数据无法直接使用,需要经过加工才能使用,整个过程对调查者的要求比较高。
2.1.3 启发性测试
为了得到用户深层次的体验，我们以”新浪少儿网”，”希望谷”，为例对用户进行启发性测试,在整个过程中从各个方面进行测试,整个界面测试涉及17个问题.比如,发现其中的三个比较严重的问题是:打开网站时弹出广告，这一点是用户非常反感的。还有一个问题就是网站不容易操作,而有的用户发现网站不容易操作之后就几乎放弃再次进入该网站.还有一个问题是,当孩子遇到不会的问题时,没有老师在线答疑，甚至没有留言等功能,也就是说这样的网站缺少互动功能。
3 少儿网站感性意向分析
3.1 设计原则与方法
可用性的设计观念采用的是逆向式推理感性工学的方法，它将设计的重点放在用户对真实产品的体验上，通过对“体验”的观察和总结对产品进行不断的修改和纠正，最终达到“可用性”的目的。
感性网页界面设计必须把重点放在以用户为中心，从用户的需要和用户的感受出发，设计符合用户需求的网页界面,而不是让用户来适应界面，从而使界面友好使用。以用户为中心的设计(UCD)是一种关于产品/系统设计过程的方法论，这个方法论以使用产品系统的人的信息为基础。无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。UCD过程通过产品的计划、设计和开发聚焦在用户身上，整个过程包含了以人为中心的活动，它贯穿于产品开发的整个生命周期。
一个好的以用户为中心的设计方法包括以下三个维度：效率，效能，用户在特定环境下使用产品的满意度，满意度包括产品的易用性，吸引用户的程度，用户使用完产品后心理层面的感受。在感性设计的过程中,捕捉用户的感性需求是感性网页界设计的最为重要的一步。以少儿网站为例,通过以用户为中心的感性工学方法提取出少儿网站设计的感性意向。具体从以下三个方面着手：
1) 调查网站和浏览者背景信息。
2) 选择具有代表性的网站进行研究，从而得到用户体验。
3) 分析统计实验得来的数据，并将其转化成可设计因素。
3.2 少儿网站感性意向分析
每一种类型的少儿网站都有自己的优势，综合考虑影响访问量的因素有以下几点:网站用户群体的定位、网站页面的可用性、网站页面的易用性、网站页面的交互性。除此之外，还有一些小细节的设计也能影响用户的感受，比如网站的注册流程繁琐且填写过的内容不能被存储记忆，这就会让用户感到异常的烦躁不安。基于上述的调查,得出少儿网站形象设计应该简单，可爱，易用,这才符合少年儿童的心理发展，符合使用需求。
阶层分析法
感性工学的阶层类别分析法是根据新产品的感性层面来进行分析和分类，以建立产品的感性结构来获取设计细节，因此主要运用在新产品的开发过程中，将运用阶层类别分析法研究出的某种产品属性决策归纳采入到新产品设计中去。在阶层类别分析法操作过程中，首先要对目标产品做一个感性市场的调查。调查主要收集来自于各种渠道的信息，如用户访谈、市场调研、报刊网络资料收集等。在此之后，着重的是研究小组成员间的想法表达与充分讨论，通过讨论凝聚成一个产品概念作为0阶感性概念。考虑到0阶感性概念的抽象性及难懂性，将其转译成稍微具体的1阶感性概念就很有必要了。研究人员采用层次递推的方法，将用户对产品的感性认识范畴向下拆解形成1阶感性概念。接着再由1阶感性概念逐次逐步层次分解推论子概念，每一个衍生子概念再分别向下拆解展开成树状结构。假如设计团队无法从某一阶层得到具体的设计细节部分，则将继续往下拆解，直到能够得到出现物理量的细节设计的详细说明的阶层（作为“N阶”）为止，最终获得符合感性诉求的产品设计物理特性，作为产品开发的基础。这个“感性――物理特性”的树状图关系，就是贯穿阶层类别分析法的一条主要脉络。
捕捉用户的感性体验是是一个网站成功的关键地方，从调查设计中的几个常用的网站看都缺乏这方面的设计。将少儿网站的调查研究结果利用阶层分析法,我们将少儿网站的设计定位于以用户为中心，通过娱乐性，易用性，美观性，交互性四个一次感受来体现以用户为中心的0次感受。比如，一次感受中的娱乐性，又是通过趣味性和可玩性的二次感受来体现的。因为少年儿童的心理具有特殊性，所以内容不能严肃和呆板，要让网站达到寓教于乐的目的，内容要充满童趣，少年儿童对外在的世界还充满无比的好奇，所以开发交友功能来满足他们的好奇心。再将1次感性继续细分,经过N次感性化后最终得出物理上的设计细节。这样我们就将过去难以量化、只能定性的、非理性无逻辑可言的感性反应，转化为设计要素。少儿网站感性树状图如图3所示。
4 结论
通过对以上几个网站的感性设计现状调查 ，再将调查的结果运用感性工学方法得出感性意向树状图，得出一下几点结论：1）增强少儿网站的娱乐性，少儿上网的目的性不是很强，网站的内容要达到寓教于乐的效果；2）增强少儿网站内容易用性，少儿处于接触网络的初始阶段，操作的简易性符合少儿用户心理；3）界面应该卡通化充满童趣，这样才能符合儿童的审美；4）增强网站的交互性可以从数据库方面来考虑，再就是网站的的功能，提供在线问答，问题反馈功能能增强网站的可性度，也是吸引和留住用户的一个重要方面。树状图的具体物理设计细节就是将浏览用户的感性体验转化成了具体的设计细节，这样的设计符合用户需求，达到了少儿网站感性化设计的目的。
参考文献：
[1] 方惠敏,杨国胜,丁文珂.基于人性化网站界面设计的用户建模[J].计算机技术与发展,2008(2):187-190.
[2] 钟厦,宋晓晨,孙亚云.感性工学中量化的基本程序介绍[C]//2005年国际工业设计研讨会暨第十届全国工业设计学术年会论文集.北京:机械工业出版社,2005:728-731.
[3] 梅云.感性设计:人机界面设计新思维[J].科技资讯,2008(9):217.
[4] 徐晓莉.基于感性工学的网络形象设计理念研究[D].济南:山东大学,2008.
[5] 吴洁.设计艺术学[D].上海:上海交通大学,2007.
[6] 刘增.以用户为中心的网络界面设计研究[D].南京:南京航空航天大学,2007.
[7] 李立新.感性工学-门新学科的诞生[J].艺术生活,2006(3):71-73.
[8] 罗仕鉴,潘云鹤.产品设计中的感性意向理论,技术与研究进展[J].机械工程学报,2007(3):8-13.
[9] 喻中华.基于用户体验的购物网站设计中可信赖感研究[D].上海:上海交通大学,2008.
关键词：任务驱动法；自主学习；创新设计
中图分类号：G712 文献标志码：A 文章编号：1674-9324（2016）46-0185-02
一、课程的背景
《移动互联网站运营与管理》课程是一门理论与实践一体化的课程。在学习本课程前，需要学生掌握一门网站开发语言和软件工程的一些基本知识，通过一个完整的网站运行项目培养学生能够从事网站推广、可用性分析、评价、维护、数据分析和管理等的职业技能。同时注重培养学生自学及与他人沟通、团队合作的能力，通过学习引导学生思考问题、分析问题、提出问题和解决问题，培养学生的网站建设能力和文档编写能力，培养学生有计划地完成任务的能力，为其将来从事网站运营工作打下一定的基础。
二、网站运营与管理的工作流程
本课程通过一个网站设计，把网站的运营与管理知识、技能穿插在课程中，让学生通过课程的学习，掌握网站从开始的设计、开发到最后的推广等知识和技能，同时注重学生的沟通、团队合作能力、文档撰写能力、规范意识等职业素养的培养，有利于学生的可持续发展。网站运营与管理工作流程如图所示。
三、任务教学活动课的教学活动设计
在网站设计这个大背景下，教师需要设计不同的任务，完成教学目标。本次课程设计就是针对head标签展开的。
1.分组教学。组织学生课前进行自学，老师也可以根据学生特点适当调整分组情况。为的是培养学生的表达、聆听与沟通能力。
2.教学任务设计。在《网站主页运营与推广技术（head标签设计）》这个单元课程中，整体教学思路设计围绕一明一暗两条主线展开：即教师教学为明线、学生活动为暗线。具体的教学任务有6项：
任务1：发现问题，引出知识。在百度上输入一个关键字，查看至少两个网站主页的head标签，说出为什么这些网页能够被搜索出来。
任务2：通过总结，学习知识。学习head标签中，title和meta标签格式及设计。
任务3：引发思考，进一步学习。通过网站排名（查看排在百度第1页和排在第10页的网站主页title标签和meta标签），学习关键字的设计技巧。
任务4：小组讨论，确定head标签（主要是title和meta标签）。写出自己的title标签和meta标签设计，两人一组进行讨论，确定最终的设计。
任务5：完成网站主页title和meta标签设计。把最终确定的内容写进主页title和meta标签里。
任务6：拓展学习。通过观察和网上资料的学习，让学生说出还能进行哪些设计，帮助网站推广。
四、具体的教学实施
任务1：发现问题，引出知识
教学方法：引导学生实际操作，尽量找到答案，同学积极主动回答问题。
教师活动1：通过文档给出任务：在搜索引擎上输入一个关键字，要求学生在5分钟内下载两个网站主页，存成html格式，并分析文档标签，找出能搜索到这些网站的原因。
学生活动1：上网搜索网站并下载，查看标签，分析哪些标签里出现了自己输入的关键字，展开讨论并总结。
理想结果是：学生自己得出结论：head标签中的title和meta标签中含有输入的关键字。
任务2：通过总结，学习知识。
教学方法：引导学生观看课件，同时注意思考标签格式。
教师活动1：引出SEO概念，以及站内SEO对网站推广、运营的重要性，播放课件让学生观看，系统学习知识，引导学生注意观察标签格式。
学生活动1：观看课件，思考title标签和meta标签的书写格式。
教师活动2：讲授title标签（网站标题）的设计，老师采取举例法和观察法，诱导学生说出正确的网站标题设计。
学生活动2：修改自己网站的title设计；这里需要埋下一个伏笔――现在的设计还不是最终课程目标的设计。
教师活动3：讲授meta标签对SEO比较重的keywords参数和description参数，讲授keywords的设计，讲授网页的描述的设计description。
学生活动3：修改和添加自己网站的meta标签设计。
引导学生思考：description参数内容会出现在搜索引擎的什么位置？（以百度为例）
任务3：引发思考，进一步学习
教学方法：学生分组讨论，找出老师问题答案，巩固所学知识。
教师活动1：通过网站排名第1页和第10页的网站主页title标签和meta标签分析，学习关键字的设计技巧；关键字应该怎样设计？设计几个？关键字多长合适……还要引出：热关键字、冷关键字、蓝海关键字……
学生活动1：学生学习相关知识要点，总结关键字的设计技巧。
学生活动2：思考刚才自己设计的title和meta是否合理，以小组为单位相互指出设计优点和缺陷。
任务4：小组讨论，确定head标签
学生学习能力：能正确阐述自己观点，善于听取他人建议。
教师活动1：聆听几组学生讨论，指出学生设计中的不足。
学生活动1：查看小组同学的标签设计，通过讨论找出区别，根据讨论确定小组标签设计方案。
任务5：完成网站主页title和meta标签设计
学生能力：学生编写、设计标签能力的培养。
教师活动：巡视学生实际操作过程，对常见错误进行纠正，相关问题进行解答。
学生活动：独立完成标签修改和编写。到目前为止，设计内容已经达到本课程要求。
任务6：拓展学习
教学方法：老师给出课件、自学网址，巡视回答学生问题。
教师活动：简单讲授meta标签name属性和http-equiv属性的其他参数设计，掌握这些参数对设计对网站推广的益处。
学生活动：完成自学任务，根据自己网站设计内容进行meta标签再设计，与同组同学讨论参数设计内容，听取他人意见，做最后的补充、修改。
课后记：
本次课程依托上次完成的网站设计内容为背景，从排名靠前网站head标签中发现问题，寻求提高自己网站排名的方案，获取相关知识和技能，最后对网站相关标签进行修正和完善。学生对自己设计的网站主页非常熟悉，这种任务的层次引入的方式更容易让学生进行知识的迭代学习，理解各个知识技能点之间的关联和区别。学生完成情况良好。
授课过程中采用了以现场网站下载观看head标签的形式展开，一步步引导学生；以学生为“主体”，老师为“主导”，双主的教学模式。增加了大量的学生讨论以及自主学习的时间。这种授课方式课前需要做大量的资料准备工作，包括自学网站地址、任务单等都要齐全，增加了备课的时间，同时最大的难度在于课堂的组织，由于学生自主学习能力参差不齐，如何调动多数学生参与学习，在实际操作中还要进一步研究和尝试。
五、结束语
自主设计网站主页的head（主要是title和meta）标签，通过真实网站标签查询开展教学，教学效果应该会适合学生发展。学生的学习有个体差异，老师只要精心设计教学，就能通过活动让每个学生有收获，进而逐步提升学习自信心，从而为以后学习打下基础。
参考文献：
[1]吴泽欣.SEO教程[M].北京：人民邮电出版社，2009.
关键词：毕业设计网站；高职生；毕业设计
中图分类号：G434 文献标识码：B 文章编号：1673-8454(2012)11-0073-03
一、高职生毕业设计的现状及存在的问题
1.高职生毕业设计（论文）的现状
目前，许多高职院校都采用毕业设计（论文）（以下统称毕业设计）这一方式来检验学生的综合素质与能力。毕业设计是培养学生综合运用所学的知识与技能来解决实际问题的重要环节。通过这一过程，提高学生独立分析、解决问题以及创新的能力，并达到考核学生综合能力的目的。然而，目前高职学生毕业论文内容空洞、东拼西凑、泛泛而谈、剽窃抄袭现象严重，许多人将其原因归结为管理工作不到位、指导教师的水平不高和责任心不强、学生基础差而且不重视等。这样的分析虽有一定道理，但过于简单和片面，因此，我们从以下几个角度来分析问题的根源。
2.高职生毕业设计存在的问题
（1）论文“学术性”观念偏重
许多高职生的毕业论文在目标、选题、撰写等方面，仍未摆脱学科本位的论文标准，强调毕业论文对学生科研能力的训练，讲究毕业论文的学术性、理论性。而高职院校在培养学生的过程中，应是以就业为导向组织教学活动，培养具有职业能力的学生。这就要求学生在指导教师的指导下，结合毕业实习，在进行相应的实践操作之后完成毕业设计任务。
（2）学校不开设论文指导相关课程，学生无从下手
在诸多院校的课程设置中，并没有开设论文写作课程，而是直接让高职生们直接进行毕业设计的写作。虽然有指导教师的指导，但是许多学生仍然无从下手，并寄希望于指导教师，导致过度依赖，能写出有独立见解的论文的学生极少。
（3）毕业设计与实习同时，学生异地实习，难以兼顾
目前，许多高职院校都安排学生在第三年进行实习，许多用人单位也要求学生能提前上岗，这就使得毕业设计环节难以展开。一方面，学生多分散在外地实习，距离太远，难以与指导教师交流。如若实习中途返校与老师交流，不仅耗费人力物力，也会影响学生的实习。另一方面，如若让指导教师前往实习单位进行指导，不但影响教师在校的教学任务，而且时间紧促，难以达到预期的指导效果。
（4）论文答辩形式与评分机制有待完善
现在，论文答辩的形式采用的是在校答辩，学校要求学生在规定时间前返校参加论文答辩。这与学生的实习、就业发生冲突，让学生陷入两难的境地。而论文答辩的成绩，由答辩委员会决定，答辩小组的教师们仅依据最终形成的论文进行考核，不能完成跟踪学生的毕业设计过程式考核。这样的评分机制，难以对学生的综合素质进行客观的评定。
二、毕业设计网站的作用
针对目前高职毕业设计指导中出现的诸多问题,寻求一套行之有效的解决途径势在必行。因此，我们设计了“毕业设计网络课程开发与研究”这一研究课题，并利用现代网络技术便捷、快速、效率的优势，搭建了一个毕业设计网站。本网站的关键在于对校外实习学生毕业设计进度的掌控，便于指导教师及时进行指导。实习学生通过网络访问毕业设计网站，自主更新维护个人相关信息，不仅极大地减轻了指导教师的工作量，也保证了信息的准确性和时效性。同时，利用系统提供的信息、留言系统、论坛等功能，系辅导员、毕业设计指导教师、工作站教师及学院层面都可以和学生直接进行交流，提高了工作效率。另外，通过建立完善的毕业设计数据库，可以及时统计各种相关数据，对学院的档案收集、质量评估有很大的贡献。
经过两年的试运行，毕业设计网站已逐步走上轨道。据使用过本网站的学生与教师所提交的114份调查表数据显示，师生们都普遍反映良好，如表所示。
本网站主要包含以下几个板块：（1）通知提醒。毕业设计管理规范、实施细则等重要通知，提醒学生完成各项任务的截止日期等。（2）毕业设计实施流程图。针对学校没有论文指导课程，学生对论文无从下手的问题，网站设计了一个直观简洁的图例，用以解析整个毕业设计的过程，提醒学生在写作论文过程中应注意的细节及事项。（3）毕业设计概览。提供优秀毕业设计范文、毕业设计案例教程、论文写作指导演示文稿等供学生学习、体会。（4）毕业论文工作管理。毕业设计的档案模板、成绩汇总、选题统计等都在此完成。（5）论坛。在论坛上所有的老师和同学都可以随时登录论坛发帖，对各种焦点问题发表自己的见解和看法，这种透明化、大众化的方式更有利于问题的快速解决。每一个学生的论文完成进度与过程都会在论坛上详细体现，从选题、开题报告到论文一稿、二稿直至终稿都会提交到网站上，指导教师会在学生提交的帖子上进行回复与指导。
毕业设计的整个过程，除答辩以外，都在网站上完成。初期，学生自己制定毕业设计进度，然后提交开题报告，教师在网上进行评阅，通过后才能进入下一个环节。中期，学生网上提交初稿并汇报设计情况，教师通过检查工作进度，了解毕业设计工作中存在的问题，并指导学生共同解决问题。后期，指导教师可检查各项工作的完成情况，对进度缓慢的学生根据实际情况提出改进意见，督促学生按进度完成毕业设计任务。
毕业设计网站为学生与指导教师提供了一个沟通与交流的平台，缩短了毕业指导在时间与空间上的距离，非常有效地提高了毕业设计的效率，有效地避免了学生在实习单位和学校之间来回奔波之苦。毕业设计指导网站的建设，是实现毕业设计现代化、信息化的一个重要环节。
三、依托毕业设计网站指导毕业设计的利与弊
1.毕业设计网站的优点
关键词: 数字化学习；教学网站；网络教材；课程整合；网站设计
文章编号：1005－6629(2007)04－0050－03中图分类号：G633.67 文献标识码：B
教育网站作为教育信息化的产物目前得到了空前发展，各类教育教学网站如雨后春笋般涌现出来，但是与基础学科课程教学相适应、与课程教材相配套的教学网站则较为缺乏。因此，充分利用网络技术，建立与基础学科课程教学相适应、与课程教材相配套的教学网站，从而为数字化学习提供有效的学习资源和环境，已成为当前的迫切任务。
1 数字化学习资源――教材配套网站的建设
教材配套网站作为一种数字化学习资源，是教材和教学的辅助网站，其结构应以获取知识、开发技能和培养能力为目标，既不能做成书本的搬家，也不能单纯提供信息浏览和下载，而应充分考虑其教学功能，因此其设计应本着科学性、实用性和开放性的原则。
1.1 数字化学习资源――教材配套网站设计的理论基础[1]
网络教材的超文本形式，使学生在学习时间和内容上有了充分的选择余地，他们可以根据自己的知识基础和学习兴趣自主选择学习内容。网络教材这一特点很符合建构主义教育理论,即知识不是通过教师讲授得到的，而是学习者在一定的情境下，借助其他人(包括教师和学习伙伴)的帮助，充分利用各种学习资源(包括文字教材、多媒体资源以及从网上获取的各种信息等)，通过意义建构获得。
建构主义学习理论强调学习环境的设计（包括情境的创设、资料搜集与整理及组织协作性学习）和自主学习策略的设计（如支架式、抛锚式、启发式、自我反馈等）。传统的教室和教学方式很难建构上述的学习环境,而教材配套网站可以方便地构建上述的学习环境。因此，在建构主义学习理论的指导下，教材配套网站的设计应强调问题情境的创设,强调在教学过程中的师生交流、生生交流, 强调利用多媒体手段为学生提供各种相关信息和资源。
1.2 数字化学习资源――教材配套网站设计的原则
凡事都有原则，教材配套网站的设计也不例外，一个优秀的教材配套网站的设计应考虑下列几个方面[2]：
(1)服务教学原则。既要注意教学内容的系统性和先进性，又要关注学生的个性化学习需求和能力培养的教学策略设计。
(2)开发性原则。课程内容、练习、在线考试等都要能方便地进行修改和更新，保持对最新知识发展的动态追踪，实现“开放式教材”, 以适应科学知识迅速更新换代的要求。
(3)多媒体和智能化原则。网络教材的多媒体化主要体现在图像、声音、动画等多种媒体的整合上,以实现多种感官的综合刺激，有助于知识的获取和保持。智能化是利用人工智能技术解决教学内容中的各种问题，如在线测试、在线论坛和虚拟实验室等栏目。
(4)简明性原则。教材配套网站的主要功能是为教学服务，因此设计时应以教学为中心，版面布局、颜色、字体要简洁明了，网站导航要清晰明了。
(5)易用性原则。网络教材的人机界面设计要具有人性化和简便化，力争任何人只要会上网就能够方便地用它来进行学习或下载所需的资源。
(6)交互性原则。提供一个交流论坛，以方便师生之间、教师之间以及学生之间的交流。
1.3数字化学习资源――教材配套网站的界面设计
教材配套网站的界面要简洁明了， 操作要简便，如采用鼠标点击、下拉菜单选择和超级链接跳转等方式简化操作， 利用新开窗口、加入收藏夹等方式方便学习者随时进入教材的某一内容学习，设置功能提示方便学习者随时了解某一具体模块的功能等。例如北京科学、广东教育出版社出版的《化学（九年级）》教科书的配套网站“化学网上课堂”网站( 省略/) ，其界面的设计见图1。
网站界面的设计主要包括网站的整体规划、主页的设计、网页色彩的搭配、字体的设置和表格的应用几个方面，如图2所示。
网站的界面设计网站的整体规划主页的设计网页色彩的搭配字体的设置表格的应用
网站的整体规划主要包括确定网站的栏目和组织网站的结构。
首先，确定网站栏目。在建设一个网站之前，最好先有一个提纲，考虑好各个栏目以及如何把它们有机地联系起来。通常可以根据下列几个原则来安排网站的栏目[3]：(1)紧扣主题。将你的主题按一定的方法分类并将它们作为网站的主栏目。(2)设一个最近更新栏目。如“新闻快递”这类栏目，这样不仅给常来的访客带来了方便，同时也让你的主页更具有人性化。(3)设定一个可以双向交流的栏目。如交流论坛、留言本等，可以让浏览者留下他们的信息。
其次，确定网站的结构[4]。网站结构主要包括内容结构、目录结构和链接结构。内容结构可以根据网站的栏目来确定。
目录结构是指建立网站时创建的目录。虽然网站的目录结构对浏览者并无影响，但对于网站本身的上传和维护及今后内容的扩充有重要影响。目录结构的创建应遵循以下几个原则: (1)尽量减少根目录文件的存放数；(2)按栏目内容建立子目录；(3)在每个主栏目的目录下建立独立的resources子目录存放图片、视频和flash等资源；(4)不要使用过长或中文的目录名，要注意文件名的大小写，因为很多主页所在的服务器系统(如UNIX系统等)对文件名的大小写是有区分的；(5)建立的目录层次一般不要超过3层。
链接结构指页面之间相互链接的拓扑结构。教育网站通常采用网状链接结构，即每个页面相互之间建立链接，方便用户随时返回自己想要的页面。为使浏览者不会“迷路”，可以在每个页面设计“返回首页”按钮和“网站导航菜单”等，这样在表现网站服务意识的同时又在结构设计上体现了网站的统一性。
1.3.2主页的设计
主页是读者进入网站的第一个窗口，它的作用好比一本书的封面，因此主页的设计应以醒目为主，能够令人一目了然。其设计要注意下列几点:(1)简洁明了。主页是吸引用户注意的关键所在，设计上要以清楚醒目为上，不要过于繁杂。(2)主题突出。一个网站要向读者宣传什么和介绍什么，必须在主页明确地表现出来。(3)打开快速。一般来说，主页的下载时间超过10～15秒，很多用户就会失去耐心，为了提高浏览速度，要尽量减小首页的数据量，特别要注意图片的大小。 (4)易于漫游。主页可以使用弹出式导航菜单或提供该网站完整的导航图，使浏览者的浏览更方便快捷，能迅速定位到其感兴趣的页面上。(5)更新及时。应时刻确保主页提供的是最新信息，如可以在主页提供一个类似“新闻快递”的栏目等。(6)一级页面的显示尽量采用新建窗口的形式，这使浏览者在等待页面下载的同时还可继续浏览其它内容。如“化学网上课堂”网站的主页设计，见图1所示。
1.3.3网页色彩的搭配
颜色和色调是最具情绪化、最具感染力的视觉元素，也是最具文化色彩的元素。选择网页色彩的总原则是“总体协调，局部对比”，在做到吸引学习者注意力，突出差异的同时，又不至于使浏览者的视觉容易疲劳。
一般情况下，一个网站应该有一种或两种主题色，这样既可以避免浏览者迷失方向，也不至于单调、乏味。网页常见配色方法有：(1)用一种色彩。先选定一种色彩然后调整其透明度或饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。(2)用两种色彩。先选定一种色彩，然后选择它的对比色，如用蓝色和黄色，这样可以使整个页面色彩丰富但不花哨。
1.3.4 字体的设置和表格的应用
网页中字体的设置要注意下列几点: (1)字体不宜过多，最好使用windows系统自带的字体，因为字体的显示效果是由浏览者的浏览器决定的；(2)特殊字体，最好把其做成图片；(3)字体的字号、字距行距和文字的颜色要适当；(4)不同内容的字体要有所区别，需要突出的地方可以用不同的字体、字号和不同的颜色表示；(5)可以使用CSS层叠样式表处理文字效果。通过层叠样式表编辑好一个CSS文件，并在其它页面中调用它，就可使所有调用它的页面具有统一的风格。要改变风格时，只需修改此CSS文件即可,这样既可以保持整个网站页面风格的统一，又可以加快网页的下载速度和方便以后的维护、修改。
另外，合理的运用表格控制文本和图像在网页上出现的具置，而不用担心不同对象之间的影响，从而使整个网页看上去紧凑、统一。
1.4 数字化学习资源――教材配套网站的内容设计
教材配套网站的内容设计既要注意其对象的特定性、内容的整合性、功能的综合性等原则，也要把握好其相关度、整合度和扩展度。相关度是指教材配套网站的内容与教材或课本相关的程度；整合度是指对教材配套网站的综合、加工、处理水平的程度；扩展度是指教材配套网站在扩大知识面、丰富素材资料、增加学习功能等方面的程度[5]。
根据教科书和教学目标，科学地选择网站的内容。在确定网站内容后，可以按教科书章节的顺序呈现内容；也可以根据学科特色，将内容分成若干知识点，分析这些知识点的内容是属于概念、事实、原理、问题解决的哪一类，然后按照知识的类别来呈现内容。
为了吸引学习者的注意力，激发学习者的学习动机，提高学习效果，网站内容的设计要注意以下几点[6]：（1）情境性。网站内容无论任务还是问题的提出，都不能是抽象化、简单化和脱离背景，而是要通过多种表征方式，在一个近似真实的、复杂的情境中产生。（2）建构性。内容的设计要有利于学生主动进行知识的建构。（3）动态性。网站中的内容要在学生学习过程和人际交往互动中不断调整、更新。（4）直观性。对于抽象和复杂的内容，可以通过运用图文声像等多媒体表现形式将抽象的问题具体化、理论的问题事例化、生活化。
2 展望
Internet及网络技术的飞速发展，使与课程教材相配套的教学网站应用前景非常广阔，这对基础教育各学科课程教学带来巨大影响：(1)为学生的探究性学习、自主性学习和协作性学习创设了情境，有利于探究性等新教学理念和教学方法的推广和应用；(2)为教师能把课本知识与探究性的教学方法溶于教学过程提供条件；(3)为教师的备课提供素材，让老师有更多的时间、精力来构思和设计教案，提高教学质量和教学效果；(4)通过教学网站的交流论坛，教师可以及时获得学生的反馈和改进的意见，既具有教与学的功能，又具有提高教学方法和教学质量的功能。
计算机和网络技术的不断发展，信息技术与课程的不断整合，将会增强教材配套网站资源的广泛性和实用性， 人机交互的及时性和多样性。进一步研究学生和教师对多媒体网络教材的需求，不断发展中学教材的配套网站，将会给中学课堂的教与学注入新的活力和生机， 为教学内容的呈现方式、学生的学习方式及教师教学方式的改革提供保障。同时，这也将会成为学生学习和教师教学的一个有力的助手， 有利于网络教学真正走进课堂、走进学生自主学习新天地的开辟。
参考文献:
[1]林炯.化学数字化学习的构想与实践[J].中学化学教学参考,2004(5):18～20.
[2]赵航涛.建立学科教学网站的探讨. 6green.tjut.省略/content/news/dynamic/ news/487.htm[OL].2005-8-9.
[3]李同中,阎伟杰,晋建设等.网页设计制作技巧[J].河南气象,2004（1）:41.
[4]李晓梅.浅议教育网站的策划[J].中国电化教育,2005(5) :89～92.
[关键词] 网页无障碍 网站无障碍 WAI
[分类号]G203
网络因具有广播、电视、电话等传统大众传媒和通讯工具所不具备的独特优势而日渐融入人们生活的各个方面，发挥着越来越重要的作用。WWW创始人TimBerners―Lee认为“Web的力量在于其普遍性。能够被任何人访问，而不论其是否有残疾，是Web的基本要求”。然而，随着网络技术的发展，网站设计时为了美观和更吸引人注意而采用了大量的图片和动画等技术，而未考虑到特殊人群的上网需求，因此导致一大部分残障人士和老年人等弱势群体不能和普通人一样访问到其中的信息，平等地享有网络带来的利益。这极大地违背了联合国《残疾人权利公约》中“信息公平利用”的要求。为此，各国都进行了不懈努力，展开了网站无障碍建设方面的研究。
我国亦如此，虽然起步较晚，但也对网站无障碍建设进行了一系列探讨。本文目的即在于通过梳理国内关于网站无障碍方面研究的成果，分析我国在此方面研究的不足，为进一步研究指明方向。
1 网站无障碍研究文献的收集
网页无障碍是网站无障碍的前提与基础，因此，对网站无障碍的研究都从网页无障碍开始。网页无障碍译自“web accessibility”。关于“accessibility”，有的译为“可访问性”或“易访问性”，有的译为“可达性”、“近用性”、“无障碍”等。在2004年举行的首届中国信息无障碍论坛上，正式把aeeessibility翻译为无障碍，故本文也采用“无障碍”来表述。而“web”也有“网页”、“网络”的不同译法，还有以“website accessibility”为主题的研究。鉴于译文有差别，为了相关文献搜集齐全完整，笔者分别以“网页”、“网络”、“网站”与“无障碍”、“近用性”和“易访问性”分别组合进行摘要检索；然后，又以“web accessibility”为关键词在CNKI上进行检索，力求将“web accessibility”译为其他解释的文章也涵盖在内。最后，去除重复文章，经整理统计，共获得期刊文章84篇，学位论文13篇。
2 网站无障碍研究文献的分类
根据收集到的文献资料来看，我国在网站无障碍方面进行的研究主要集中在基础理论研究、技术研究、基于不同用户的研究和基于不同类型网站的研究。
2.1 基础理论研究
在基础理论研究中，大部分文献介绍和引进了国外关于无障碍方面的概念和理论。尽管对access，bmty的翻译不同，但几乎都引用WAI(Web accessibility ini-tiative，网络无障碍组织)关于网页无障碍的概念，即认为网页内容对于残障用户的可阅读与可理解。同时指出，提高无障碍性也能让普通用户更容易理解网页内容。
在网页无障碍建设的意义方面，蒋淑君从互联网带给残疾人的优越性谈起，分析了不同残疾人群的无障碍网页需求及设计要求。樊戈分析了Web信息资源无障碍化建设的必要性和重要意义后，从意识、策略、技术三个层面，就如何构建国内Web信息资源无障碍化建设环境进行了探讨。
网页无障碍的实现需要得到国家法律和政策层面的支持。张家年等阐述了新版《残疾人保障法》修订背景以及其中与信息无障碍环境建设有关联的条款；讨论了该法在构建信息无障碍环境实践操作中可能存在的问题；最后探讨如何利用《残疾人保障法》为构建信息无障碍环境提供坚实的法律保障，并提出将《残疾人保障法》和我国信息无障碍环境建设标准链接起来；贯彻和执行无障碍设计原则理念等策略。章品等在对美国信息无障碍相关法律法规进行概述的基础上，归纳总结了美国信息无障碍法律法规建设的发展历程及特点，最后探讨了美国信息无障碍法律法规建设对我国信息无障碍法律法规支持体系建设的启示。孙祯祥等还对澳大利亚各个层面、领域有关信息无障碍的法规和政策进行了部分梳理，希望为我国相关政策的制定和事业发展提供有益的参考和借鉴。
为了保障所有人拥有均等的获取和利用网络信息的机会，需要构建无障碍的网络环境。陈子健等对建构无障碍网络环境过程中涉及到的因素进行了梳理和分析，以帮助人们对网站无障碍有一个全面的认识，指导网络设计开发人员的实践。
2.2 技术研究
目前，国际上在解决网站无障碍问题时，主要从开发先进的技术支持和规范网站设计这两个方面着手。规范网站设计是在服务器端对网站内容提出设计要求并制定相应的标准，是从网站的设计上去除障碍，以使残障者能借助辅助设备顺利地访问网站。规范网站设计要从网页无障碍的设计标准人手，国内的文献主要以介绍WAI颁布的一系列规范文件及美国的508标准为主。吴英桦则主要介绍我国互联网网站设计无障碍技术标准的立项背景、标准的制定过程，并介绍了标准的技术内容，最后介绍了标准的应用推广情况。
网页无障碍设计工具和检测工具也是实现网站无障碍的重要组成部分。樊戈等在分析易用性控制的技术根源基础上，分别从实施基础、核心人物和根本保障三个环节对Web资源实施易用性控制的技术措施进行了初步探讨。霍利分析了国内网站可达性的设计现状后，对一些常见的设计错误提出了改进方法。同时设计并开发了测试工具WAET。该工具可以测试基本的可达性问题，并能够修改级别错误，具有一定的实用性。赵洋等针对网页易访问性评估工具的不足，讨论基于XSLT的网页易访问性评估工具设计思路，阐述网页易访问性评估指标的设定，分析指标设计的规则和实现方法。孙祯祥等参考WAI所的WCAG1.0及国内外无障碍网站相关信息，针对中国实际情况，结合中文网站的特点，总结得出符合中国实情的中文无障碍网站评价模型的指标体系。
此外，网站无障碍实现中的一些细节问题也有人研究。陈子健等通过对一些网站进行无障碍检测发现网站导航方面的一系列问题，根据无障碍设计原则，为网站导航无障碍设计提出了一些策略。丁文洁结合国际上的无障碍网页开发原则和规范，分析并提出同步多媒体集成语言(即SMIL技术)可以解决多媒体播放在视觉无障碍网页设计中的可及性和可控性问题，重点研究了利用该技术解决网页中动态图像的视觉无障碍优化面临的问题。
2.3 基于不同用户的研究
在所有弱势群体中，视障用户在访问网站中所要面对的困难是最多、最复杂的，因为从某种意义上讲，网络资源首先是一种视觉资源，视障用户必须借助于各种软硬件辅助手段，以非视觉的方式来访问，因此大量研究以视障用户为视角展开。孙庆华通过
调查法、观察法等深入全面地了解视障用户不同于普通用户的网络访问方式和行为，以及由此形成的在网络访问中的障碍体验和无障碍需求。最后，针对在工具测试和用户测试中发现的主要问题，在描述视障人士的障碍和需求基础上，依据通用设计原则和WCAGl.0，提出了针对视障用户的无障碍设计原则，为WCAGl.0的运用提供了一套更具操作性的参考。王雅溪针对视障人群的基本情况，分析现今网络界面中他们面临的一系列存取障碍问题，通过深入了解视障用户的生理、认知、心理、行为等特点及上网习惯方式，分析由此形成的网络界面无障碍要求，进而提出针对视障用户的网络界面无障碍设计原则。杨金转分析了视障人群在使用网络课程时可能存在的障碍，按照国际标准对我国部分网络课程页面无障碍状况进行了测试分析，并对存在的问题进行了归纳总结。结合通用设计和无障碍设计理念，研究如何设计网络课程的页面元素、用户界面的布局以及如何提高其无障碍访问。
除了针对视障人群进行的专门研究，还有针对其他人群如老年人群和认知障碍人群进行的网站无障碍相关研究。
2.4 基于不同类型网站的研究
由于无障碍理念的广泛传播，国外已经将这一思想广泛廊用于各行各业的网站设计中。有研究表明，在对无障碍需求方面，政府排列第一位，其余依次为教育、图书馆、新闻组和在线期刊、公共设施、交通、医院、银行等。我国学者分别对政府、教育、图书馆领域的网站无障碍建设情况展开了研究。
2.4.1 政府网站 肖卫兵在阐述政府网站管理的重要原则――可用性原则时认为，该原则包括可访问性和可使用性两层含义。这是首次在政府网站管理中提及可访问性的问题。毛家菊认为政府网站的以人为本、以服务对象为中心不仅体现在针对不同对象提供个性化服务，同时还体现在针对特殊人群提供多种服务途径，并指出这是我国政府门户网站无障碍化建设趋势。武晓鹏分析了我国政府门户网站引入无障碍的必要性和我国当前政府门户网站建设现状后，对我国政府门户网站无障碍建设提出建议；最后认为，只有政府充分重视自身门户网站无障碍建设，逐步克服目前所存在的各种认知误区，真正建立起贯穿于政府门户建设全过程的服务意识，才能够更大程度提升政府门户的公共服务效能，从而保障残障人士应有之权益。他的观点为后来学者的深入研究奠定了基础。周晓英等具体分析了国内外政府网站信息无障碍的政策、标准和举措，最后对我国政府网站信息无障碍建设提出法律法规层面、标准构建方面、评价体系方面等宏观方面的对策。唐思慧从分析了电子政务与信息无障碍的关系人手，从普遍设计原则与无障碍标准两方面探讨电子政务信息无障碍的实现。夏义从政府网站无障碍性原则的概念探讨出发，明确网站无障碍性的内涵包括网页内容无障碍、网络应用无障碍以及它们与辅助产品和技术的兼容。同时，系统介绍了一些国际组织和美国、日本等政府网站无障碍性的制度规范及做法，分析了我国政府网站无障碍性的差距与实践进展，并指明未来的发展道路。郭金兰认为政府网站对残障人士的可访问性课题涉及法律和政策制定，Web技术标准和用户本身等诸多因素。通过中外比较和调查研究，分析了我国政府网站几乎完全忽略了网站内容对残障人士的可访问性的原因：立法的空缺，未将可访问性作为政府网站测评指标之一以及政府网站开发者完全忽视Web可访问性技术和标准。钱小龙等阐述了政府门户网站引入无障碍理念的必要性和建设无障碍化政府门户网站的背景，研究分析了无障碍化政府门户网站的主要特征，并详述了政府门户网站无障碍化的基本技术要求。最后提出推进包括政府门户网站在内的网站空间无障碍发展进程的建议。
在基础理论探讨的同时，也有对我国网站无障碍建设状况进行的调查。王静生等以我国省级电子政务网站为代表对当前电子政务网站无障碍现状进行调查和分析，并针对在电子政务网站无障碍检测中出现的问题，提出我国电子政务网站无障碍建设中要转变电子政务服务观念，完善相关法律；完善电子政务网站开发技术和遵循相关标准等策略。霍利等为了了解中国网站可达性的现状，依据WAI的WCAG.0，选用Bobby软件作为测评工具，在线测评了国内外10种类型的200个网站。基于测评数据，进行了国内外网站可达性的比较性研究，总结了中国网站可达性的发展现状，并对政府和网站相关人员提出一定建议和要求。
2.4.2 图书馆网站 李院在我国学术界开启了网站无障碍研究的先河。他阐述了图书馆网站可访问性的含义，探讨了影响图书馆网站可访问性的各种因素，并指出建立可访问性良好的图书馆网站应该注意的问题和应该遵循的原则，最后介绍了图书馆网站的可访问性测试。钱国富等。分析了在图书馆网站中进行无障碍建设的原因，指出无障碍建设是图书馆网站建设的重要组成部分，并针对视障残疾人的特殊性提出了具体的对策。刘炳芳在WAl制定的网页内容规范基础上，结合我国的具体国情，阐述无障碍网页设计的必要性，指出无障碍网页开发应遵循的原则和要求，并结合图书馆网站开发的特点，提出图书馆在网站无障碍化设计中应遵循的具体步骤。张炜等遵照我国网页设计无障碍技术要求及WAI的WCAG2.0设计了中国盲人数字图书馆。该图书馆网站不仅在服务对象、服务方式、资源建设等方面具有显著特点，而且还实现了网页设计无障碍、内容呈现无障碍、辅助技术兼容无障碍、后台管理无障碍等无障碍技术在网站建设中的应用，具有借鉴和推广价值。
2.4.3 教育网站 教育网站的研究包括教育网站无障碍和网络课程无障碍两个方面。孙祯祥等认为WAI开发的一系列技术规范对网站健康有序地发展起着重要作用。在测试了我国一些学校网站的主页后，发现当前教育网站的设计中存在问题，并针对存在的问题提出改善措施。王佑镁参照由WAI的WCAG1.0，借助于Bobby Online的在线评价工具及人工检测工具，采用抽样调查法对2003―2005年度国家精品课程的网上资源进行了可及性检测和评价分析，结果发现10％的网上资源在可及性测试中获得比较理想的指数，大多数网上资源都有网页可及性错误。通过可及性参数分析与评估可以为高校精品课程网上资源建设提供依据和参考指标。赵洋等也对我国精品课程网站易访问性进行了评估。不同的是，他们对2003―2007年度国家、省、校三级精品课程网站进行了易访问性抽样评测和分析，结果与王佑镁的发现类似，大多数网站都有易访问性问题，最后对改进精品网站的易访问性提出对策。
除了基于测评的理论研究外，在教育网站无障碍方面还有具体的实践方法研究。张家年等介绍并分析了IMS开发的IMS AccessForAll系列规范，提出基于IMS AeeessForAll规范来指导无障碍网络学习环境的建设。在深入研究的基础上，张家年论述了教育网站易访问性设计理念、设计原则和设计模型，并从媒
体获取和教育教学信息理解两个方面给出了具体的设计方法。黄璐则从无障碍网络课程设计入手，在研究了无障碍网络课程的设计依据后，阐述了无障碍网络课程的设计模型、设计原则和设计策略，并提出了无障碍网络课程的实现框架。根据提出的设计思想，对《电视教材编导与制作》进行了开发、检测和评价。文剑平在国内首次提出了一套网络课程的无障碍评价指标体系和方法。陈子健针对教育网站研发过程中具体问题进行分析，通过实例说明怎样进行无障碍开发。最后介绍了教育网站无障碍检测方法。杨金转则对我国45个和国外15个网络课程的首页和二级页面进行A-prompt自动检测数据分析，针对测试中发现的主要问题，详细论述了无障碍设计原则和应采取的操作，并介绍了使用A―prompt软件对特定问题进行修复的过程。张燕还对网络课程无障碍建设进行了微观方面的研究。
3 研究中存在的问题
总体而言，我国的网站无障碍研究从2000年的崭露头角，经过10年的努力，到目前已取得了一定成果。相关研究无论是对网站无障碍建设的理论方面还是实践方面都有所涉及：既有对网站无障碍建设的必要性、法律基础和环境等总体性理论的分析，也有以不同用户为视角进行的专门研究；既有对网页技术标准的探讨，也有对具体设计工具和检测工具在实际应用中的研究。此外，还有对政府网站、图书馆网站和教育网站等专门领域的详细论述。从表面来看，我们的研究已经涉及到了网站无障碍建设中的方方面面。然而，如果深入分析的话，可以发现我国目前在此领域进行的研究与国外同行相比还存在一定差距。
3.1 研究范围狭窄
WAI认为网站无障碍有7个组成部分：内容、用户(网页浏览器和媒体播放器等)、辅助技术、用户、开发者、开发工具、检测工具。我国目前的研究主要集中在内容方面，对网页内容制作要求进行了深入的探讨，而对检测工具只进行了初步的尝试，对开发工具则仍停留在介绍阶段。笔者认为这是导致我国目前虽然也进行了网页无障碍研究，但并未推动我国网站无障碍建设实践的部分原因。由于我们只对网页无障碍的内容进行了研究，缺乏另外两端的研究，使得网络开发者不清楚如何开发出这样的网页，而用户也不知道如何利用这样的网页，就好比设计好了路的蓝图，至于怎样铺路，用什么样的交通工具却还未研究。
3.2 研究深度欠缺
我国对网页无障碍方面的研究尽管始于2000年，但只是浅尝则止，缺乏深入的研究和分析。比如，我国学者为了解我国网站的无障碍建设现状，借鉴国外研究的方法，通过检测工具对网站进行实地检测。但检测得到的大量数据仅用于说明现象，而并未对数据做具体的、多角度的分析，通过这些数据来探讨现象背后的深层次原因，以致使研究停留在表面。再比如，网站检测和评估是判定一个网站有无障碍的一种重要方法，WAI网站上提出了网站无障碍评估方法主要有专家检测、自动工具检测和用户检测三种方式，而最佳的评估方法是三种检测方式的综合。我国学者在研究中仅使用自动工具进行网站无障碍检测(例如Bobby软件)，而并未深入探讨选择此种检测方法的原因及其局限性，这使得研究结果缺乏客观性。
3.3 研究主体单一
从文献的作者可以看出，他们大部分是来自教育技术、信息管理学及部分计算机专业的高校教师和学生。如果再将这些文献的作者进行分类的话，我们会发现其中有17篇期刊文章和6篇硕士论文甚至只源于一个研究小组的成果，即孙祯祥教授组织进行的2006年国家社会科学基金项目“信息平等意义上的无障碍网络环境构建研究”。可见，从事网页无障碍研究的其他研究主体确实寥寥无几，这直接导致了研究范围狭窄等问题。网站无障碍建设涉及管理学、计算机科学、法学等多个学科领域，需要各领域学者从多个视角人手进行理论和实践的研究。
4 未来研究的建议
网站无障碍问题本身的复杂性决定了对其研究的复杂性。针对上述问题，可从以下方面进行改善。
4.1 扩大网站无障碍相关研究范围
网站无障碍的实现除了网页本身的技术问题外还涉及其他因素，还要对这些因素进行广泛分析和深入研究。比如，从利益主体的角度来说，网站无障碍建设涉及的相关人员主要是网站开发者和用户，所以需要对他们分别进行研究；鉴于用户在网站检测和评估中的重要作用，还要进行开发者端和用户端的沟通研究；从环境保障角度来说，除了网页无障碍技术指南外，还有检测和评估技术及法律政策等因素。这些都是实现网站无障碍的必要条件，因此都需要深入研究。
4.2 深入探讨网站无障碍问题存在的原因
在我国当前的研究中，对网页无障碍建设的建议总无外乎法律法规建设方面、指南标准制定方面和意识宣传方面。然而，从国外研究情况和实践情况来看，在网页无障碍的立法、标准都具备的英、美等国家，其网站依然没有达到很高的无障碍程度。可见，法规和标准是网页无障碍实现的必要条件，但决不是充分条件。所以，我们要继续深入探讨导致网页无障碍问题存在的其他因素。
4.3 重视对网站无障碍状况进行检测评估
当前研究中，对我国政府网站无障碍状况进行检测和分析的内容较少。实证研究的缺乏导致对网站存在障碍状况了解不足，因而不能提出有效地解决问题的方法。国外进行的大量网站无障碍水平检测的研究已经证明，只有通过网站无障碍测试和评估才能证明一个网站遵守网页无障碍指南的要求与否，进而帮助网站开发者找到可能存在的网页利用障碍，提高网站无障碍水平。
关键词： 网站规划; 交换信息; 研究实践; 数据库
中图分类号：TP39 文献标志码：A 文章编号：1006-8228（2014）12-67-02
Research and practice of "Web site planning and design" course in colleges
Su Yan， Liang Wu
（Beihai Vocational College， Beihai， Guangxi 536000， China）
Abstract： The Internet has become the most sufficient approaches for people to obtain and exchange information in daily lives. Therefore， the requirement for website development artisans has increased. In order to cultivate more artisans， the measures and practice of the construction of the courses "web site planning and design" in all the related majors are discussed.
Key words： site planning; exchange information; research practice; database
0 引言
如今网络已经与我们的日常生活及工作息息相关。早些年，几乎所有的企、事业单位都建有自己的门户网站，但当时，人们把焦点都放在了网站的内容上，随着现实需求的改变，人们对网站的整体布局和全方位设计的需求就越来越迫切。网站规划与设计课程自然而然地成为了计算机专业的重点课程。
1 网站的概述
网站不等同于网页，网站是指在互联网上根据一定的规则，使用Html等工具制作的用于展示特定内容网页的集合。简要的说，网站是一种通信工具，就像公告栏一样，人们可以通过它来自己想要公开的信息，然后网民可以通过浏览器上网了解自己所需的信息。而网页就是网民在浏览器中浏览信息时看到的一个一个页面，每个网页实际就是一个文件。它通常由文字、表格、图片、视频等组成。网站由域名（Domain Name）、网站空间（Web Host）和网站源程序三部分构成。
2 网站的需求分析
2.1 明确目标
在网站策划过程中，网站的需求分析不容忽视。网站项目的确立是建立在广泛需求之上的，这种需求往往来自于客户的实际需求或者是公司自身发展的需要，其中客户实际需求占了绝大部分。面对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度在很大程度上决定了此类网站开发项目的成败。因此，如何更好地了解、分析、明确用户需求，并且能够准确、清晰地以文档形式表达给参与项目开发的每个成员，保证开发过程始终围绕满足用户需求的正确方向进行，是每个网站开发项目管理者必须考虑的。
2.2 做好市场调研
通过市场调研活动，清晰地分析相似网站的性能和运行情况可以帮助项目负责人更加清晰地构想出网站的大体架构和模样，在总结同类网站优势和缺点的同时项目开发人员可以开发出优秀的网站。市场调研的重点应该放在主要竞争对手的作品或类似网站作品的有关信息上。
2.3 做好沟通工作
通常用户提出的需求是凌乱的，不完整的，甚至是不正确的，很多时候用户似乎知道自己想要什么，但就是表达不出来，所以更多的时候需要系统分析人员深入用户内部，多一点了解，多一点沟通。网站开发者要把网站变为可以在单位中实际应用的业务系统，就必须掌握单位的业务特征，也就是行业的特性。实际上理解用户需求的过程就是向用户学习的过程。一个项目的开发至少花40%的时间与用户不断地沟通，由此可见，相关行业的经验积累，是后续开发项目成功的基石。
2.4 需求分析文档化
在整个需求分析的过程中，文档不但可以帮助项目组成员明确项目的需求，也为以后开发过程做到现实文本形式的备忘，并且为公司日后开发项目提供有益的借鉴，成为公司在项目开发中积累的经验财富。需求分析中需要编写的文档是整个需求分析活动的结果性文档，也是开发工程中项目成员主要可供参考的文档。
3 网站规划项目开发实例
3.1 系统的功能需求
一个基本的BBS论坛，可以大致分为以下流程：会员登录进入论坛（一般为游客，有时还要注册为会员），就某个话题（帖字的主题）展开讨论。通过发帖功能新的话题;通过回帖功能回复已有的话题;通过搜索功能查找已有的话题。管理员通过管理功能创建、编辑、删除论坛的版块，管理注册的会员，管理帖子。根据以上情况设置几个功能模块：①会员注册;②发表帖子;③帖子查询;④会员管理;⑤论坛分类管理;⑥帖子管理。
3.2 页面设计
通过分析页面设计系统进行交互的一组页面，BBS论坛主要包括以下几个页面：会员登录页面、会员注册页面、发新帖页面、帖子浏览页面、回复帖子页面、会员管理页面、搜索页面、用户信息修改页面。
⑴ 登录页面设计：登录页面提供会员名与口令输入的功能，当提交输入的会员名与口令后则进行会员验证，也可取消所输入的会员信息。
⑵ 注册页面设计：没有会员账号的会员，可以通过此模块添加会员信息，添加成功后便可登录论坛，使用会员功能。
⑶ 发帖页面设计：发帖页面可以发新帖，已注册的会员在登录后，可以在相应的论坛中发表或转载文章，发表成功后，其他会员便可以在相应的论坛中看到这篇帖子，并可以对其进行回复等操作。
⑷ 浏览帖子页面设计：会员登录后，便可进入个人所喜欢的板块浏览帖子。
⑸ 回复帖子页面设计：会员在发表帖子后，便可查看相关文章，并可以在文章中对已发表的帖子进行回复。
⑹ 会员管理页面设计：管理员可以通过此模块，对会员进行管理，对一些不合法的会员可以修改或者删除其资料。
⑺ 会员信息修改页面设计：已注册的会员在登录后，可以通过此模块对会员的基本资料、联系方式、密码等资料进行修改。
4 数据库的设计
在BBS论坛中，涉及会员登录、会员注册、发新帖、浏览帖子、回复帖子、会员信息修改、会员管理等信息，在该系统中首先在SQL Server2000中创建一个名为form数据库，在form数据库中创建两个表来保存相应的信息。
⑴ 文章信息表：存放会员所发表的文章信息，包括回复信息。而在数据库的设计中主要问题是鉴别帖子信息和回复信息。
⑵ 会员信息表：存放的是会员登录时所需要或者记录会员的基本信息，包含如会员名、密码、会员权限等。会员基本信息表主要是记录会员最常用的一些信息。
5 程序实现
5.1 会员注册页面效果
会员注册页面效果如图1所示。
页面代码：
图2 管理页面显示效果
6 结束语
“网站规划与设计”作为对思维能力及动手能力要求较高的重点课程，我们探讨了以工作过程为导向，以培养学生动手能力及解决实际问题为目的的课程设计，教学中注重案例分析和项目实践。在我院该门课程教学改革小组的努力下，学生迅速完成了蜕变，从以前只会书本的照葫芦画瓢，变成了能独立完成一个项目的精英，适应了社会对于这方面人才的需求。
参考文献：
[1] 刘凤玲，秦毅.网站规划与设计[M].清华大学出版社，2011.
[2] 张兵义.网站规划与网页设计[M].电子工业出版社，2013.
[3] 尹强飞.网站规划建设与安全管理[M].中国铁道出版社，2010.
[4] 孙膺.网页制作与网站建设[M].清华大学出版社，2012.
中图分类号：TP311.52;G250.76 文献标识码：A 文章编号：1007-9416(2012)02-0177-02
1、网站数据库整体设计
1.1 网站需求分析
为了网站更方便管理与使用，需要满足三方面的需求：管理员、普通用户与游客。
管理员：相当于网站的root用户，拥有最大的权限和功能，是网站的维护者与管理者.。
普通用户：网站的主要服务对象，通过注册即可以享受网站提供的所有服务，拥有按关键字搜索新闻、相关论文，发表和查看留言以及修改个人信息和网站投票的权限。
游客：网站的潜在用户，无需注册就可以搜索新闻和论文，但没有下载和留言的权限。
1.2 数据库逻辑结构设计
根据不同权限用户的需求分析，本网站逻辑结构主要由角色表、用户表、新闻表、公告表、留言表、论文表等组成。数据库中各个数据表的关系见图1。
1.3 访问数据库的设计与实现
本网站对于数据库访问、连接的设计与实现，由类SQLHelper完成。在SQLHelper类中，将数据库的链接作为整个网站工程的全局变量，将其存放于web.config这个配置文件中，连接代码编写于配置节/中。
2、论文数字图书馆网站模块的设计与实现
本论文所设计的数字化图书馆网站分为用户注册模块、用户管理模块、检索模块、用户信息中心模块、新闻与公告模块、论文模块和网站前台模块。
2.1 用户注册模块
本网站所涉及的用户有两种权限，体现在数据库中的User表中的RoleID字段，字段为1代表用户具有管理员权限。字段为2代表用户具有普通用户权限。
网站的注册模块由页面Register.aspx来实现。需要填写新注册用户的各项基本信息。限定必填项的信息不能为空，此外，用户电子邮件、电话等的格式必须符合要求。
用户填好信息单击确定进入信息确认页面CommitRegister.aspx。此页面包含两部分功能，第一部分是确认之前所填写的注册信息是否有误，，第二部分是用户照片上传功能，用户可以不选择上传头像或是上传任意自己喜欢的图片作为自己的头像。增加用户头像的上传功能可以使数字化网站更加生动活泼，增强用户与网站的互动性。
2.2 用户管理模块
用户管理模块只有管理员才有权限显示，管理员可以表格形式显示所有用户名单及信息，可以添加新用户及赋予管理员权限，可以修改其他用户的基本信息，也可以手动删除用户，还可以单独显示某个用户的完整信息。用户管理页面是通过UserManage.aspx页面来实现的。
2.3 检索模块
本网站的检索模块包括论文和新闻的检索查询，采用关键字查询方式检索。
检索功能由Searchthesis.aspx页面和Search.aspx页面实现完成，运用GridView控件与数据库的论文表和新闻表进行绑定来显示用户所检索的结果。检索的关键字填写在TextBox控件中。
当用户或游客打开网站时，可以在搜索功能区键入想要查找的关键字，点击搜索按钮，即可从底层SQL server数据库中查询到所有满足此搜索关键词的论文或新闻。
2.4 用户信息中心模块
模块位于网站的左侧，需要用户登陆才能显示，为用户提供修改与查看个人信息，重设密码等功能。
EditUserPwd.aspx页面可以实现用户修改密码的功能，在页面中包括四个TextBox控件，用户需要按照顺序在控件中分别键入用户名称、旧密码、新密码、确认密码。一旦EditUserPwd.aspx页面打开，即调用预先编好的函数Page_Load(object sender,EventArgs e)，函数通过初始化即可在第一个TextBox控件中显示用户名称，无需用户手动填写。
2.5 新闻与公告模块
新闻模块的功能包括：新闻的显示、添加、修改、删除、查看。由NewsManage.aspx页面实现，为管理员权限功能。
公告模块的设计与新闻模块类似，但功能更为简单，管理员可以通过此模块添加和修改网站首页公告栏的标题与内容，由Notice.aspx页面来实现。
此外，管理员还可以对用户留言进行管理，由leaveword Manage.aspx页面来实现。
用户的留言功能由leaveword.aspx页面实现完成，用户可以对自己感兴趣的新闻或论文留言，管理员可以查看这些留言以便于更好的了解用户需求。
2.6 论文模块
论文模块功能与新闻模块一致，不同的是，增加了论文上传功能。
论文的上传功能由页面AddThesis.aspx来实现，在此页面中包括三个TextBox控件，他们的作用是用来添加新论文的标题、关键词及摘要，以供普通用户查询。此外，在三个TextBox控件下方设置一个FileUpload控件，他的作用是管理员可以从本地计算机上选择论文并上传。
在所有操作完成后，管理员即可单击下方的确定按钮，将论文标题、关键词及摘要上传。上传后的论文不以该论文名称来命名存储，而是以添加进数据库论文表中的ThesisID来命名，避免所上传的新论文与原有论文的名称重复，并自动将论文格式转化为word格式。
2.7 网站前台模块
网站前台模块是网站的主体模块，也是服务模块，是普通用户和游客的操作模块。主要包括热点新闻区、操作区、公告区和用户区四个部分。主要在主页面main.aspx实现完成。
2.7.1 热点新闻区
热点新闻区位于主页面左下方，由NewsUC.ascx控件来完成与实现。
该分支模块的主要功能是以循环滚动的形式显示网站最新的10条新闻。显示新闻由DataList控件实现，绑定的是新闻表中的标题。新闻的循环滚动功能由客户端代码来实现。
2.7.2 操作区
操作区主要包括以下几个功能：按照标题搜索相关新闻，按照关键词搜索所需论文，游客还可以通过注册成为新用户；管理员与普通用户可通过用户名和密码登陆网站，拥有属于自己的权限。此操作区由用户控件OperationUC.ascx来设计与实现。
操作功能区实现方法如下：第一步判断是否有用户登录，即判断Session[“UserID”]的值是否是一个空值。假如Session[“UserID”]的值不为空，则表示已有用户登陆。第二步，根据登陆用户的角色加载与之角色相对应的操作功能区。具体来讲，若Session[“UserID”]=1，则对应加载管理员的操作功能区，如果Session[“UserID”]=2，则对应加载普通用户的操作功能区。
2.7.3 公告区
公告区由对应控件NotifyUC.ascx来设计实现。
主页面初始化时，用户控件NotifyUC.ascx通过初始化函数来显示公告栏的信息，调用BindNotifyData()来从底层数据库的公告表中获取公告标题和内容，运用SqlDataReader对象dr来保存获取结果。使用时，通过读取对象dr中的公告标题和内容显示在公告栏中。
2.7.4 用户区
用户区包括普通用户区与管理员用户区。
普通用户区主要包括：查看个人信息，修改登录密码和参与网站投票几种功能。
管理员用户区除了普通用户的功能以外，还增加了新闻管理、投票管理、用户管理和论文管理等功能。
3、结语
本文基于数字化图书馆的设计要求，以及管理员、普通用户和游客三方面的需求，最终完成了预计的功能和模块设计。实现了最新图书馆新闻、下载论文阅读软件、查找与下载论文、投票、留言等多种功能。
参考文献
