读书之法，在循序而渐进，熟读而精思，如下是美丽的小编帮助大家收集整理的网站设计与开发论文优秀3篇。
【关键词】计算机图形学；网站设计；网站框架；
1 引言
随着计算机技术和网络技术的发展，网络化教学已成为现代教育技术发展的趋势和方向，具体到实际应用中就是课程网站的建立。目前各个地方院校纷纷建立自己重点学科的课程网站，依靠强大的教学队伍和丰富的教学资源，精品课程网站促进了各个院校优势学科的进一步发展。[1]针对课程网站的巨大优势，有必要建立各专业的专业基础课程网站，《计算机图形学》作为军事测绘本科各专业的一门专业基础必修课，依托地图制图与地理信息工程部级重点学科的优势，经过几年的教学，积累了大量的教学资源和教学经验，利用课程网站的建设，可以整合这些优势资源，推广教学经验，展示课程独具特色的优秀成果，体现学院的办学特色。
2 网站设计流程
计算机图形学课程网站设计流程分成网站功能与设计要求确定、网站框架设计、设计任务规划、计划任务执行、测试完善网站等五大步骤，如图1所示，我们没有单独列出网站素材的收集工作，因为此项工作是贯穿网站建设始末，伴随网站不断完善的。[2]
第一步工作主要的任务是明确建设网站的目的，确定网站的功能，网站规模、投入费用，进行必要的需求分析，搜集相关素材，进行资料整理等，内容涉及网站建设的各个方面，对网站建设起到计划、指导和定位的作用，本课程网站建设的定位思想是建设具有军事测绘特色，覆盖《计算机图形学》教学过程，满足师生不同层次相互学习、相互交流，为培养军事测绘人才服务的智能计算机辅助教学系统icai （智能精品课程网站）。
从设计网站框架开始就真正进入网站的开发工作，网站框架是一个网站的骨架，应能很好的体现网站的主题，这部分内容将在后面详细介绍。设计好网站框架就可以安排任务规划，确定网站的硬件环境、需要的人员、开发的时间进度等，具体细分到各个部分工作的完成情况。之后就可以开始执行计划任务，在执行计划任务的过程中，可能会遇到网站建设中的一些问题，根据实际工作和进度表情况，还需调整规划任务，甚至重新设计网站框架，以满足实际建网的要求，最终基本建立好一个网站。
在网站前还要进行细致周密的测试，以保证正常浏览和使用，测试如果存在问题，还需要从设计网站框架、安排规划任务等步骤入手，从新对网站进行修改。网站经过测试后，就可以在校园网或者广域网上进行，供用户使用。除此之外，在日常使用中还应注意网站的维护，通过网站维护工作不断的完善网站。
3 网站框架设计
首先，根据教学大纲和教材，确立教学内容和教学目标。在设计时，紧密围绕教学内容，确定教学中的难点和重点，选择恰当的教学素材，利用计算机以及网络将教学内容合理布局并实现，达到知识技能准确、难易程度适中以及呈现顺序合理的设计目标。此外，网站设计要体现界面友好，交互性强的特点，设计中注意易操作性和谐调性。色彩搭配自然，背景音乐优美，创建和谐的学习环境，激发学生的学习兴趣。为使教学内容灵活丰富，可使用超级链接技术将计算机图形学发展的新技术、新知识链接到课件之中，利用图像、视频等素材，提供丰富的交互功能，不仅扩大了学生的视野，还可以更好地培养学生的自主学习和接受新知识的能力。
3.1 整体框架
在参考其它院校的精品课程网站基础上，[3] [4]我们设计出计算机图形学课程网站的整体框架，如图2所示：
总体上，计算机图形学课程网站分为新版和老版，新版是我们计划自己开发的课程网站，老版则是沿用总参军训部配发的软件所制作的网站。在首页上利用两个链接可以进入老版和新版的网站界面，可考虑在首页再建立一个英文版的网站页面连接，英文版的网站其结构和内容与新版的网站一致。以下内容主要介绍新版的课程网站建设。
计算机图形学课程网站新版首页主要介绍该网络课程网站的板块组成及其各模块的功能。当然，首页还有网站介绍、网站公告、新闻动态、友情链接等
内容。首页设计应该注意美丽、赏目，给人耳目一新的视觉冲击，另外功能的介绍非常重要，一定要便于师生了解如何使用该网站进行教与学，最后，还需注意从主界面可以根据不同身份的用户以及同一用户不同时期不同的要求，快速进入相应模块而不会有误解。
3.2 课程介绍
课程介绍对本课程基本情况进行介绍。主要包括：课程简介、历史沿革、教学条件、名人堂等内容，如图3所示。
其中历史沿革可以从国际发展、国内发展和我院学科发展的角度进行对比介绍，以展示我院的学科发展历程，体现学科的浓厚历史积淀；教学条件部分则可以通过图片、视频等形式展示我院在教学硬件建设方面的现代化和先进性；名人堂收录在学科的发展过程中有着突出贡献的专家、学者的故事、传记等，以激发学员的学习热情，便于学员进一步了解学科的发展。
3.3 教学资料
教学资料设置了九个子栏目[5]，包括：教学大纲、教学研究、基本理论、教学进度、实习指南、教学制度、课程设计、课程教材、参考文献，如图4所示。
教学大纲是教师授课的基础，通过本栏目，教学组的成员可以相互交流、共同提高；教学研究一方面展示计算机图形学教研组的主要教学成果，包括教学研究项目、教研著作与参编教材、发表教学研究论文、教学方法改革等内容，另一方面结合建构主义思想，提供学员对教学方式中存在的问题发表看法，进行讨论，学员还可以在这里发表自己的教学研究论文。教学资料汇集了大量的数据、资料等学习资源，这些资源是实行网络共享的，学生可以搜索所需的内容，没有时间和空间的限制，有利于打开学生思路和提高学生自学能力。
3.4 教学团队
教学团队：主要是介绍课程的人员组成，人员的基本信息情况，包括职称学历、学识水平、教学能力及联系方式、电子邮箱、个人论坛等，在这个模块中主要是让学员充分了解课程组成员，从而能有针对性地请教，达到最快、最有效、最理想的学习效果。
3.5 网络课堂
网络课堂：网络课堂是计算机图形学课程网站建设的重点和难点内容，主要包括多媒体课件（指教室中讲授课件）、网络课程、教学视频、电子教案、学生作品和相关课题等，如图5所示。
多媒体课件方便学员在线浏览，复习课堂所学知识内容，考虑到网络带宽的影响，提供多媒体课件的下载功能。网络课程是提供学员在网上自主学习的主要手段，在制作时要考虑课程内容与网络环境的有机结合，首先本着精选经典、联系前沿和突出应用的原则取舍教材内容，融入课程多年的教学经验，进行重新排版和总结，使之在结构上条理更清晰，内容上更精炼而系统，满足网络教学的需求，其次发挥计算机多种展现手法的特点，利用动画、图片等多媒体技术完美的将图形学课程展示在学员面前，通过收集、整理与教学内容相关的文本、图片、图像、动画、音频、视频等媒体资料，以章节为中心进行结构化重组，制作成具有较强交互性的网络教学课件。整体上应有章节导航，每堂课应包括教学目标、教学要求、重点难点、教学内容、参考资料、例题和习题等，其中重点难点对于重点部分进行总结和归纳，达到提纲挈领的目的；难点部分则用动画形式呈现，达到易懂易学的目的；教学内容运用多媒体手段力求精确到每个知识点的知识要点；参考资料提供本堂课的相关趣闻、术语和科研论文；例题和习题提供练习指导、经典例题等。网络课程有较高的概括性，全面性，形式新颖，易于理解及应用，可以加强学生对《计算机图形学》课程的理解，既有利于课前预习的重点突出，又适合课后复习的难点理解，是整个课程网站的精髓所在。教学视频了课堂教学视频信息。电子教案是教师课堂教学的基础，在网络上的格式设计与传统教案相一致，主要包括：授课名称、教师、课时、使用的教材版本、每次课授课主题、时间、目的、讲授内容与时间分配、重点难点、方法手段、实习实验、授课内容介绍、作业思考题和参考资料等。学生作品展示多年来，在教学过程中积累了学员的一些优秀成果，包括图形学中经典的算法实现、各种重大赛事中的获奖作品、参与的各项科研项目、发表的科研论文等。相关课题介绍一些与学科有关的科研项目，这些项目成功将课堂理论知识转换成社会实际生产力，通过案例展示，提高学员学习的积极性，拓宽学员的知识面，启发学员的思路研究性学习。
d=zoom>
3.6 课程实习
课程实习：《计算机图形学》是一门实践性、操作性很强的课程，根据课程标准的要求和学员今后发展的需要，学员需要进行大量的编程实践，因此课程实习平台的建设是网络教学的必要内容。参考编写的《计算机图形学与数字地图制图实习教程》，课程实习应包括实习目地、实习对象、实习内容、实习要求、实习算法原理介绍、实习项目的源码分析、注释、实习项目结果的可视化、撰写实习报告等内容，考虑学员学习层次的不同，将课程实习分为两大方向：对于编程能力强的学员，可从底层设计开发，构造完整系统，从整体的角度出发，策划、设计并实现一个包括创建、编辑、渲染、处理、变换等功能，能够显示操作图形的造型系统；对于编程能力弱的学员，可以在提供的系统框架下添加部分关键代码，以某个（或某类）图形学算法为目标，进行深入研究，继而策划、设计并实现一个能够表现算法完整过程的演示系统，并能从某些方面做出评价和改进意见；两种实习最终都交由学生登陆并在线提交实习报告。
3.7 课堂社区
课堂社区，实际就是一个课程在线论坛，主要是为师生提供一个交流的场所，在这个场所中，教师和学生是平等的，可以很容易地建立一种轻松的气氛，教师和学生之间可以方便地实现相互之间的理解和信任，并能充分发挥学生的自主性和创造性。另外，学生在这“面对面”地交流，相互提出问题，发表自己的观点或意见，共同完成学习任务。因为此社区是属于bds型的，为了管理方便，设置了网站管理员账号和密码，管理员可以打开数据库文件修改相关记录，如增删信息，公告等。通过课堂社区一方面解决学生的疑难问题，并收集师生的反馈信息，调查课程开设的效果；另一方面通过课程评价部分把收集的评价信息公布并公开课程的开设效果，根据反馈信息和开设效果及时的调整授课内容，适应教与学的要求。
3.8 其它板块
开设联系我们和留言本板块，及时听取学生或同行的建议，联系我们提供网站维护人员的邮箱，留言本构架简洁明了，点击“查看留言”可以浏览所有的留言，点击“签写留言”可以留下对计算机体图形学课程网站建设的看法。
最后应注意网站使用者的权限分配，便于不同访问者注册和登陆。教师可进行学生管理、课件维护、在线答疑；学生可进行网络课程、练习测试、虚拟实习和在线讨论；一般来宾只可以浏览课程内容。
4 总结
计算机图形学课程网站的建设是计算机图形学精品课程建设的重点和关键。通过计算机图形学课程网站，不仅使得不同院校的广大的师生共享了最优秀的教学资源，能与教师进行交流和沟通，而且各校教师之间也可以互相借鉴、互相提高，教案和教学内容上网还能为远程教育提供资源和促进国际交流，由此不断完善计算机图形学专业的课程教学体系，以适应现代化、高新技术下对测绘人才培养的需求。
参考文献
[1] 龙毅，汤国安，闾国年。立体化教学模式的gis部级精品课程建设[j].测绘通报，2006,(12):69.
[2] 庄启昕，郑安呐，承建军等。高分子化学精品课程网站开发设计[j].化工高等教育，2006,(2):40-42
[3] 张小燕，吴晓娟。“电路分析基础”精品课程网站建设[j].电器电子教学学报，2007(06):99-101
关键词：精品课程；网站；教师；学生；教学
0引言
精品课程建设是教育部启动的提高高等学校教学质量与教学改革工程的重要组成部分，它对于提高高等学校人才培养质量，改进学校育人环境，激发师生工作学习的积极性和创造性，有着重要的作用。精品课程建设的重要成果之一是建立精品课程网站。精品课程网站是精品课程建设和评价的窗口，是精品课程网络化学习的平台，是教师与学生互动交流的媒介，是精品课程示范辐射的载体。在精品课程的评审、验收过程中，精品课程网站起着非常重要的作用。
近年来，部级、省级及校级精品课程逐年增多，出现的问题也不少。目前大多数院校的精品课程建设还处于起步阶段，精品课程建设工作一般采取独立开发模式，资源的共享性差，开发者不得不进行大量的重复劳动。很多课程老师在网站的开发中存在技术上的困难，因为他们一般不懂技术，即便他们有精品课程建设的热情，也无能为力，有的不得不花钱去聘请技术人员来开发网站和课件。部分精品课程网站较少考虑甚至不考虑网上教学活动，在线开展讨论、答疑、考核、评价等教学与管理活动明显不足，没有为学习者建构良好的网络学习环境。由于网站后台功能不够完善，课程组的教师无法随时在线修改、更新网站内容，甚至每次操作都需要技术人员辅助。为了解决精品课程网站建设中存在的问题，有效地提高精品课程网站的质量，实现教育部启动精品课程建设的目标，有必要研制一套通用、高效的精品课程网站开发系统。
1通用精品课程网站的基本构架、功能和开发流程
1.1精品课程网站的基本构架
精品课程的网络建设就是把与本门课程相关的教学大纲、授课教案、习题、实验指导、现场教学录像、参考文献目录等资源网络化，以电子多媒体形式在网上开放，方便基于Internet的远程学习、浏览和下载。
根据教育部对精品课程的建设要求，我们将精品课程网站的结构分为2大块：课程建设内容模块和网络课程模块。其中，精品课程建设内容模块依据国家精品课程评审指示体系进行设计，主要有课程介绍、教师队伍、教学大纲、网络课程、课程录像、授课教案、效果评价、教学资源等8个内容。网络课程模块是通过网络表现的某门课程的教学内容及实施的教学活动的总和，可设置有课程概述、学习内容、实验实训、案例演示、拓展资源、互动交流、在线测试等6个内容。
1.2精品课程网站的功能
精品课程网站的开发要求是，所有有关内容均要放在网站上，各级专家评审全部基于网络进行，精品课程网站要全天候对外开放，并且要不断更新网站教学内容与各类资源。因此，精品课程网站担负着集大成者的角色，不仅界面要简洁、漂亮，速度快捷，还要保证能够动态更新内容，最重要的是在设计思想上要以用户为中心。精品课程网站的主要用户可分四类：教师、学生、管理员和评审人员。网站应为不同用户提供不同的功能。
1.2.1教师用户功能设计
本功能为教师提供教学活动平台，方便教师将教学资源网络化，在课后与学生在线互动、沟通，测评学生成绩和教学效果。它包含5个功能模块：①个人信息设置。教师申请注册到“教师队伍”中，设置个人简历、描述、照片等信息。②课程资源管理。和修改教案、课件、动画、视频、试题等教学资源。③教学活动管理。查看和通知，布置和批改作业，查看和分析学生测试结果。④在线交流。可以发起和回复主题帖子，回复学生提问、建议和意见等。⑤查看系统使用情况。如：用户访问网站情况统计、在线调查问题的结果分析等。
1.2.2学生用户功能设计
本功能的设计目标是，方便学生学习课程，分享丰富的学习资源，查看个人阶段学习结果，与教师进行线上交流等，使学生在参与学习活动的过程中能有更多的自主性和交互性。包含的模块有3个：①学习活动模块。了解课程内容，查看和下载课程网站的教学资源，提交作业。②在线测试模块。测试后即时获得测试结果。③在线交流模块。与教师学生进行沟通互动。
1.2.3网站管理员用户功能设计
设计目标是，方便管理员进行教学活动和师生用户的管理，能快速、便捷地制作出申报网站和课程网站。包含的模块有6个：①网站系统管理。可设置课程网站名称、课程信息、上传容量、页面模块等。②用户管理。管理使用网站系统的所有用户信息，设置教师和学生用户的权限(系统某模块功能的使用权限、上传文件的类型、容量、路径等)，审批申请注册的师生用户。③申请网站模块设置。设置申请网站的栏目节点(如本文第2点所列的课程负责人和教师队伍等)，并初始化各栏目内容和格式。④课程网站模块设置。设置课程网站的栏目节点(如本文第2点所列的课程概述、学习内容和实验实训等)，并初始化各栏目内容和格式。⑤模板管理。可以添加、修改、删除网站的模板类型，分类型进行添加、修改、删除、审核模板等操作。⑥其他信息管理。管理本系统的公告信息、友情连接、在线调查问题等。
1.2.4评审人员用户功能设计
精品课程均在网上评审，网站应为评审人员提供评审体系的各个观测点，且导航层次清晰，链接无误，用图文结合描述观测点。本功能的设计工作是，由教师和管理员站在评审人员的角度上，协同开发人员设计好各个观测点并展示在网站上，供评审人员查阅，不需要设计特别的后台功能。
1.3精品课程网站的开发流程
我们在开发设计过程中，采用了软件工程的思想和方法，主要运用HTML、CSS、Javascfipt、SQL Server等工具和利用目前最新的MS 框架中及表达式语言、数据库连接池等技术开发了一个易于维护、扩展和重用的基于Web的综合性通用平台。
具体做法是，采用基于Web的分布式多层体系结构，在底层操作平台和硬件设施的基础之上搭建信息资源数据库，同时建立平台所需的Web服务器。在中间层实现用户管理、权限控制、资源的管理、平台的配置管理等功能，同时有效地集成了Web Services服务，提供与其它资源平台资源共享和交互的接口。在应用层上提供给用户个性化定制、信息交流、资源浏览和检索等服务。最后，在表示层上，让用户可以利用IE／NetScape等客户端工具浏览和使用平台所提供的服务。
2建设高效的精品课程网站
一个优秀的网站具备的基本特征有：网站整体结构与各个页面布局合理、页面信息表达清晰、下载速度快、导航结构佳、 搜索引擎表现良好、监测网站和反馈客户信息方便、服务体系完善等。精品课程网站建设一般经历四个阶段：建、用、改、精。“建”是第一步，开发者在最开始的时候就需要充分考虑今后方便网站的“用、改、精”。下文着重介绍网站后台的几个重要功能，它们能提高网站在各个阶段的效能和效率。
2.1实用性建设，让师生进行教学活动时得心应手
2.1.1教育资源网络化的操作更便捷
精品课程网站建设的核心是要把教育资源网络化，实现共享。教育资源主要来源于教师，这就要求教师把课程教育资源分类整理好，并上传到网站。这一活动对网站来说非常重要，因为如果没有教学资源，就谈不上精品课程网站的存在。而功能齐全的在线编辑器则是教师在线上传和管理资源的好帮手。
笔者用过的DotNetTextBox(官方网站http：//.com/)，是基于 2.0技术重写控件核心架构，是功能强大的所见即所得HTML编辑器控件。它提供了近50种在线编辑功能，以及插入超链接、模版等40多个右键菜单功能；支持自定义菜单，只需简单配置config文件即可DIY自己独有的功能菜单以及增减各种控件内置功能；具备强大的上传管理功能，通过配置config文件即可详细控制不同用户的上传权限；提供上传图片时自动添加水印、生成缩略图，上传多媒体文件支持自动播放的功能；用户可以使用预置的default和XP风格编辑器皮肤，也可以自定义皮肤，方便用户设置个性化的控件外观；完全支持IE5.5+、Opera、Firefox等常见的主流浏览器。开发者可以在官方网站下载这样一个现成、成熟、免费而且开源的在线编辑器，整合到VS 2005开发环境中，在设计网页时调用，完全替代TextBox控件，既节约了开发成本和时间，还可进行二次开发或改良成更适合网站的在线编辑器。此外，FCKeditor也是功能强大在线编辑器。
2.1.2搜索功能让网站信息资源彻底展现
资源量达到一定程度会给用户带来很大不便，用户(包括老用户)将只会看首页或相关栏目的第一页，长期积累的高价值信息会被尘积在数据库的底部，影响网站效用的最大发挥。书厚了需要目录，报纸厚了需要导读。为此，需要快速、精确、智能和人性化的站内搜索引擎让用户便捷地了解并找到期望内容，同时，也让网站的信息资源尽可能展现出来。这有助于提升网站的价值，发挥网站应有的作用。
站内搜索引擎一般有三种类型：基于数据库、基于Spider抓取和基于全文检索技术。后两种主要用于大中型网站，对开发人员的技术要求高。由于精品课程网站的数据容量有限，可以使用基于数据库这种检索速度较快的站内搜索技术。合理安排查询条件，通过if语句和for语句等对判断条件进行分析，合理化搜索算法，配合SQL的索引功能实现检索。关键字查询的SQL语句格式为：Select字段名列表from表名where字段名Like％关键字％。
百度搜索引擎拥有目前世界上最大的中文搜索引擎，具有高准确性、高查询率、更新快以及服务稳定的特点，能够帮助用户快速找到自己需要的信息。网站开发人员可以在网页上插入“百度”提供的相应代码，借助“百度”的搜索入口，就会有与“百度”搜索引擎一样强大的搜索功能。让用户通过百度搜索站点信息，不仅节约自身服务器资源，还更利于百度更快收录自己的站点。类似的，Google也能提供站内搜索功能。
2.1.3吸引师生融入教学活动，发挥网站潜力
精品课程应根据课程的教学目标和教学对象的特点，合理地选择教学媒体信息，充分利用文本、图形、图像、动画、声音等媒体，并在系统中把它们进行有机地组合。教材内容按章、节、知识点和子知识点的层次进行组织，可以形成优化的教学系统结构。然而，这样的一个资料库对学生来说依然缺乏吸引力。若网站能帮助学生在教师精心制定的学习计划中学习，并了解自己的学习情况，教师又能根据学生情况调整教学方法和策略，实施因材施教，这将大大吸引学生认识自我、挑战自我，激发学生的主动学习热情，达到良好的学习效果。具体做法如下：
首先，建立知识库，存放全部教学知识以及形成教学策略的知识。知识构造按照章、节、知识点、子知识点的层次划分，并以超文本文件形式存放，供学生查阅。每个节点均配备习题供学生在线测试。其次，教师制定教学计划，把各个知识按照一定的方法和策略组织起来，形成学习表。每位学生可有一张与该表结构一样的“个人学习情况表”，展示自己的全面学习情况。当学生进入学习计划表的某个节点，做完习题后，系统除了给出正确答案、评价及提示掌握知识点的程度信息外，还根据学生在该点的测试情况，设置“个人学习情况表”的相应字段为“False”或者“True”，标明学生是否掌握该知识点，当然还可另外标明学生是否做了该点的练习。系统最后根据情况，决策学生下一步学习的内容，及相关超链接，并分类统计学生的学习情况，供教师掌握学生的学习情况。
2.2交互性建设，促进师生交流互动
学生的学科情感常取决于对任课老师的喜好，“亲其师，才能信其道”讲的就是这个道理。教师通过课上课下的情感交流，与学生建立起良好的师生友情，能大大促进学生参与课堂教学的几率，激发他们的学习兴趣。课堂上交流的时间有限，而论坛具有保密性、独特性和及时性等特点，比较随意轻松，让学生有了发表对事物的看法、对教学评论、甚至对老师的教学方法等提出批评和建议的地方，教师也可得到丰富的第一手教学资料。
供师生在线交流的论坛不难开发，难的是如何建立“有话敢说、有话愿说、有话直说、说了有用”的在线交流平台。要解决这个问题，最根本是吸引师生上论坛交流。为此，一方面可鼓励学生参与网站论坛建设，学生发帖就积分，积分与最终成绩及奖励挂钩，激发学生主动参与学习的热情。还可下放论坛的悬赏、屏蔽等权限给部分学生，让学生代替老师管理论坛，提高人气。另一方面要求教师定期网上答疑，及时更新论坛内容，不定期发起讨论，增加互动专题。
2.3针对性建设，为教学改革提供依据
当学生通过网站学习的情况和教师把握网站知识的更新情况脱节，可能使网站最终仅仅是一个摆设。进行教学改革，教师需要从论坛中获取学生对课程评价的反馈，以及反映用户使用网站情况的点击率等数据。为此，可在网站中加入流量统计功能，分析直接点击和搜索引擎的流量，当天搜索量和流量地区分布，以及用户在网站的平均停留时间、用户地图分布等等数据。雅虎流量统计或者google analytics都是在业界深受好评的免费的网站流量分析工具，利用这些分析工具只需把一个js代码放入需要统计的每一个页面，然后访问相应官方网页，注册后就可以使用和查看分析结果了。
2.4适用性建设。增加网站的复用率
应针对学生的心理和专业特点来设计课程网站的标准色彩及其搭配，不同的课程需要不一样的界面。精品课程网站的功能和结构相似，即后台程序相同，把程序和页面完全分离，就可以随意更改前台页面而不需要考虑程序的改动，不会因为进行一次网站页面的改版或开发另一门课程，就要将所有的源程序都进行一次移植手术。
开发者在设计网站时，可以通过开发动态加载模版、内容列表控件和动态修改分级栏目的功能，方便后期变化网页的色彩、布局和导航菜单，从而改变网站的前台界面外观。
所谓的模板，就是设计完工的标准的HTML代码，其中用特殊字符串代替需要由程序实现的功能部分，显示时这些特殊字符串将编译为对应的功能。课程网站可设计4类模板，一是网站首页模板；二是点击某个栏目链接而进入的栏目页面模板；三是显示内容的风格页面模板；四是单页模板，用于生成一些由代码组成的文件，这样可以免去了上传含有代码页面文件的步骤，比如制作页面的头部和底部包含文件时，把代码做成单页模板然后再生成即可。
内容列表在页面中会多次出现，供用户点击链接到相关内容显示页面。设计内容列表控件，提供列表的内容标题、超级链接地址、内容排序方式、列表项数目、宽高、是否显示日期等属性，可以方便管理员在制作页面时，插入多个内容列表，效果灵活多样，提高工作效率。
要实现多级分类，需要在数据库中用一张表存储分类信息，大致有Id(节点编号)、Name(栏目名称)、pro(父节点ID)、DeepNode(节点深度)、Remark(备注)等字段。可在程序中用镶套的方法动态显示分级栏目，用递归的方法实现在指定的节点(即分类)下进行的添加、修改、删除等操作。参考此方法还能设计资源分类导航功能。
2.5便捷、健壮与安全性建设，给网站用户良好的体验感
流畅和健壮是网站成功的基本条件。可以采取静态页面自动生成技术来维护信息，船陕访问速度和避免在数据库中存取大量图文信息的困难。生成HTML文件的主要步骤只有两个：一是获取要生成的html文件的内容；二是将获取到的内容保存为html文件。
当用户浏览网页的时候，若弹出询问“是否进行debug[调试]”的警告框，或显示一堆代码的错误窗口，程序突然终止，用户往往会选择离开这个站点。网站开发者可以使用try-catch-finally语句处理异常，通过抛掷和捕获异常重新开始程序内的一个过程，或者从应用程序的一部分跳到另一部分。网站还是出现错误时，比如教学资源的链接地址或描述错误等，可以建立用户报错机制。做法是每个页面附带一个报错按钮。当用户在使用中发现错误信息，点击按钮，这个页面的错误信息就自动存入数据库供网站管理员查阅。
安全是网站的永恒话题。一般来说，提供数据库应用服务的Web站点主要由操作系统服务器、数据库服务器和Web服务器三项构成。因此，对Web站点的安全设置可以从这三方面入手。在进行Web应用开发时，可采用开发工具的最新服务包和修补程序，使用窗体身份验证、对所有输入数据进行有效性验证、使用参数化存储过程、对输出数据进行HTML编码、信息加密后再存储等加强Web应用程序层的安全因素。网站开放后，最好每天备份网站的数据库和源代码，坚持“最低权限”原则，决不授予用户并非绝对必需的权限。
可以在网站中采取一些彰显人文关怀的手段，让用户感觉舒服。比如在每个文字页面设置了字体的随机缩放功能，满足不同年龄层次用户的需求；对于阅读与下载文字，不仅提供Word的DOC格式，而且还提供Reader的PDF格式及Flash的SWF格式，方便用户在不同的平台下使用。
2.6规范性建设，保证网站形象，方便后期维护
为服务全部受众，保证网站整体形象和方便后期维护，应该提供用户帮助文档或培训指导资料，包括对系统的运行环境、后台管理流程，各个功能的使用和注意事项，以及常见问题的解答等；设定网站的规范，如网站上的中文使用12px的宋体，行距为150％，图片的ALT属性要写好图片名称，每个页面的高度不超过3屏等。
3结束语
关键词：网页人机界面设计；感性工学 ；少儿网站
中图分类号：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.