网上商城界面设计的研究性学习设计方案

1、    网上商城界面设计的研究性学习设计方案    李远摘要：本文意在探讨如何将研究性学习的教学模式应用到电子商务专业的网页美工课程实践中去。笔者选取了一个跟电子商务专业结合度最高的网站网上商城作为典型项目，详细地制定了研究性学习的教学设计方案，来指导学生完成该项目，取得了较好的效果，借以此文分享经验与不足。关键词：研究性学习；网站界面设计；教学设计：tp37 ：a ：1009-3044（2016）19-0073-02研究性学习这个概念在我国早在十几年前就提出来了。但就算到今天，这种方法在教学中的实际应用程度到底有多高，也还是个问题。作为一名专业教师，对

2、于研究性学习我早有耳闻，也在实际教学中用过其中的一些方法，如分组学习、利用网络收集信息等。但真正系统而全面地了解研究性学习的教学模式，是在一次继续教育的远程网络课程中。从那之后，我试着将研究性学习的教学设计融入到自己所教的实际课程中，取得了较好的效果，本文意在分享我在教学实践中的收获和体会。研究性学习是一种以学生为主体的教学模式，1研究性学习活动基于学生的直接经验，以获取关于探究学习的直接经验、发展创新精神和解决问题的能力为直接目的，以个性健全发展为根本，能充分调动和发挥学生的主动性，培养学生发现问题、提出问题、从而解决问题的能力。研究性学习实际是2“学生中心说”理论的一种教育实践。因为在学生

3、中心说主张：在教学要素结构中，学生是中心；在教育内容的范围上，经验是中心；在教学过程的组织上，活动是中心。而研究性学习的教学设计方案正好与上述观点基本一致。1 课题背景、意义及介绍作为电子商务专业，电子商务网站的设计与制作是一块重要的内容。我承担的“网页美工设计”课程主要讲解网站的界面设计，是一门必修主干课。由于我校正在进行项目课改，即通过项目的方式来学习相关软件的知识和技能。我精心选取了几类在界面设计上具有不同特点的典型网站作为项目，学生通过完成这些项目来学习、掌握相关的知识与技能。这里我将以网上商城这个项目为例来介绍研究性学习的实践过程，因为网上商城跟电子商务专业结合最为紧密，通过本项目的

4、研究学习，学生可以了解网上商城这类电子商务网站的页面布局和配色要点，掌握photoshop软件的操作方法和使用技巧，还可以培养学生的设计能力、创新能力、合作能力以及利用网络等各种工具进行信息收集、整理、加工的能力。我将学生分成若干小组，要求学生通过各种形式的研究、探索和创新，用指定的内容素材设计出某网上商城的网站界面，包括网站的主页、一级页面、二级页面。2 研究性学习的教学目的和方法研究性学习的教育目的和方法可按布鲁姆目标分类法或新课程标准的三维目标来进行阐述。布鲁姆将教育目标划分为认知领域、情感领域和操作领域三个领域，共同构成教育目标体系。其中认知领域的教育目标可以分为从低到高的六个层次：知

5、道（知识）-领会（理解）-应用-分析-综合-评价（见表13）。3 参与者特征分析参与的学生处于高中年龄阶段，对电脑、网络使用普遍比较熟练，能较好地利用这些工具收集资料和信息。由于这是本课程的第二个项目，学生之前已经做过一个简单的项目，对photoshop软件有一定的基础。由于这个项目内容较多，学生之间又有个性差异，因此最好分组完成，分组时要注意均衡搭配，以保证任务的完成。4 研究的目标与内容本课题主要的研究目标：1）了解网上商城的界面特点（从内容、格局、配色等方面）。2）组织学生通过研究性学习，培养学生的创新精神，设计出某网上商城的网页界面，要求界面整齐、美观、大方、内容充实完整，首页和子页在

6、设计风格上协调统一配套。为了达成以上的研究目标，本课题主要分为以下研究内容：1）指导学生分别通过查阅图书、资料、上网浏览室等途径收集具网上商城界面，经过类比、总结出这类电子商务网站的界面特点；2）以自由组合和调配相结合的方式对学生进行分组，以小组完成网上商城的界面设计，可以让学生自己进行分工，老师加以指导和监督。5 资源准备1）硬件：多媒体网络教室、资料室、图书室。2）软件：部分同类型的网站界面、photoshop、acdsee、word、ppt等。6 研究性学习的阶段设计为了更加明确、有条理地表现该课题研究性学习的实施过程，我将全过程划分为4个阶段，每个阶段学生和教师的具体活动内容见表3：7

7、 总结与反思以上的教学设计方案，我在11级电子商务专业的网页美工课程中进行了实施，取得了较好的教学效果，在这里与大家分享一下自身的心得体会：1）在本项目的完成过程中，学生自己查阅、搜集资料，对信息进行整合、加工，充分体会到研究性学习的乐趣，使大部分学生由被动的“等老师教”向主动的“自己学”成功转型，提高了学生的学习兴趣，培养了学生良好的学习习惯。2）本次研究性学习活动选题较好，与专业非常对口，加强了学生对电子商务专业的了解。3）通过分组的形式，让学生认识到个人和集体的关系以及合作的重要性，培养了学生的合作意识和沟通交流能力。4）本项目给定了网站的内容（即大家都必须将同样的内容放到网站上），增强

8、了可比性，为最后的评价奠定了好的基础；但本项目并没有给定样图，让学生充分发挥想象力，设计出不同的版面，培养了学生的创新能力。5）制定了详细的评价标准，给学生搭建了一个展示的平台，锻炼了学生口头表达等综合能力。使完成好的学生获得认同感和成功感，完成情况不理想的学生也得到了改进意见，可以通过修改得到提高。虽然通过教学实践积累了一些研究性学习的经验，取得了较好的教学效果，但也暴露出了一些问题，比如学校的网络速度较慢，影响了搜集资料的速度；有个别组还是存在分工不均的情况（有的成员做得多，有的成员做得少）；有的小组没有按计划中的时间表完成任务，比较拖拉；如何更科学地分组，让每个组员都发挥最大的主动性，这个问题还有待进一步探究。另外，对于作品提交、点评后，应该还有一个让学生根据点评意见再修改提高的环节，这样可以让学生对比修改前后的效果，总结出改进方法，增加学生的成就感。参考文献：1 曾