网页设计课程案例研究

前言：想要写出一篇引人入胜的文章？我们特意为您整理了网页设计课程案例研究范文，希望能给你带来灵感和参考，敬请阅读。

摘要：《网页设计与制作》课程是操作性很强的创意型计算机相关专业课程。该课程中，采用基于项目学习的教学方法，着眼于高校学生的培养目标与就业方向，借助网络环境创新设计教学内容和方法，包括实施计划、教学中各个模块比重的安排、网络学习环境的构造和项目实施等。经过一个学期的实践，在培养学生创新思维与提升操作技能等方面上取得了良好效果。

关键词：网页设计；项目教学；计算机

0引言

计算机与网络应用的普及，带动了一系列相关产业的发展，可谓是一日千里，现阶段急需大量计算机相关专业的人才。调研发现，每年的计算机应用型专业人才都非常匮乏，优秀毕业生供不应求，远不能满足市场对人才的需求，但相关专业的毕业生现状与企业的人才需求之间有巨大的偏差。市场调研发现，企业需要具有实践操作能力的综合性人才，而学校在这方面训练往往极少。为了培养高技能应用型人才，高职教育教学改革势在必行，而项目学习能够满足当前改革的需求。基于项目的学习（project-basedlearning，简称PBL）是一种教与学的模式，旨在让学生融入到有意义的任务过程中，让学生积极学习，自主建构知识体系，其具有以下几个特点。从真实世界出发，通过组织学习小组扮演特定的社会角色并借助多种资源开展探究活动；强调运用学科的基本原理与概念；在一定时间内解决相关问题；结果以作品的形式或者产品展示；运用现代信息技术获取、分享、展示信息。《网页设计与制作》课程是一门实际操作性和创意性较强的计算机类相关专业课程。该课程很受学生欢迎，上课过程中，教授学生掌握基本操作没有问题，问题在于如何让学生完整设计并制作漂亮的网页。这要求学生要有扎实地的学科基础，要求有学生有一定的审美能力和新颖活跃的创作灵感。传统网页设计课程一一介绍网页设计编辑软件中的工具，不能充分调动学生学习的积极性。笔者在《网页设计与制作》的课程教学中，创新了课程教学方式，以学生为中心，以任务驱动为基础，采用项目学习教学方法，从2018年9月至2018年12月，实施了一个学期的课程教学，取到了良好的教学效果。

1基于项目学习的《网页设计》课程案例研究实施

1.1基于项目学习的教学创新设计方法

项目学习的教学创新设计方法中，第一阶段要制订实施计划，笔者将《网页设计与制作》课程的创新实施计划绘制成一张表，并按照表格进行细化。第二阶段是讨论阶段，发挥学生的主观能动性，并加大其在课堂教学中的比重。教师所选案例必须考虑学生的实际情况，学生的培养与就业方向，加大时间比重让学生自主讨论，加强互动，使学生勇于表达自己的想法与理念。通过一个学期的教学实践证明，这种方法不仅使学生的想法得到了释放，笔者也在这个过程中收获良多，真正达到了教学相长的效果。第三阶段是发挥教师的指导作用，涉及到的课程知识要点在动手操作的课程中，通过电子教室的广播教学，讲解每一个工具的使用方法，使学生的创意思维演变为真实的作品。前三个阶段全部在课堂上完成，第四个阶段则是根据实际情况，给予教师和学生更多的时间反复检查问题。

1.2基于项目的教学方法在《网页设计与制作》课程中的实施

1.2.1选择合适的案例，激发学习者的兴趣

针对性选择案例，可以不断激发学习者的学习兴趣，培养学生的创新意识与灵感。网页设计制作中，对技术和工具的掌握固然很重要，但要制作出优秀的作品除了过硬的技术外，关键在于创意与设计。电商和大型商业门户的网站设计属于社会阶层中相对先进的网站设计水平，无论是行业性质还是就业人员的素质，在潮流和时尚方面都有着敏锐的嗅觉。课程教学中，选取相关信息类的网站，分析经典的网站创意设计与最新时尚设计的网站，不但能激发学生的学习兴趣，还能让学生从中汲取未来职业行业中最新颖、时尚的设计创意和色彩搭配，丰富学习者的创作思路，让学习者获得成就感，达到事半功倍的效果[1]。

1.2.2结合案例讲解步骤与原理

教师需要摆脱传统的工具讲解模式，要以案例的形式解读技术。传统的网页设计教材都是以技术模块区分章节，在技术讲解后搭配简单的操作。在网页技术日新月异的环境下，这种方式已经不再适合教学。单一的技术讲解内容略显枯燥，制作出来的网页在观赏性方面有限，不能引起学习者的学习兴趣，还影响教学效果。通过组织课堂互动，让学生在接受课堂知识的同时表达自己的想法与创意，不仅使学生能够理解案例本身的理念，而且能结合个人观点，内化为自己的知识，能到达到最优的效果。在这个过程中，教师需要具有耐心，分配更多的讨论时间。笔者在课堂展示和讲解技术模块，通过网页制作的过程与讨论，结果图片的对比，激发学习者积极的学习兴趣。此外，将难点不断细化，将每个章节的技术难点融入到每个项目案例中，并在之后的课程中通过不同项目实例继续强化操作，巩固知识点[2]。

1.2.3贴近生活，契合时下需求

笔者布置练习任务时，有意贴近现实，选取当下行业网站信息为题材，鼓励学习者在生活中寻找素材，通过网上搜索素材或者手机照片处理等方式运用到项目中，促使学生时刻关注行业技术前沿，通过练习与观察提高创新能力。笔者在课程教学过程中采用团队协作的学习模式，学习者自由组合，每小组人数在5人以内，教学进行到后期时布置大型作业，制作一个具有某种功能的综合性网站，分别以某宝门户网站、学校网站、政府机关网站和汽车广告网站为主题，由此锻炼学生的团队合作能力，让学生在合作中交流心得，在协作中提升技术水平。

1.2.4借助互联网交流工具创建网络学习环境和交互学习环境

基于项目的学习理论，需要创建一个学习者能交流的学习环境。一般的网络学习环境和交互学习环境以电子布告牌实现，笔者尝试采用当下最流行的腾讯软件微信与QQ这一明显带有90后色彩的聊天工具，创建网络学习和交互学习的环境，取的了不错的效果。互联网能实现异步交互的效果，交互式学习可以帮助学习者建立良好的师生与生生关系，让学习无处不在，沟通无处不在。另外，学习者能够获得来自教师和同学的帮助，很大程度上提高了学习效果。微信群与QQ群中的几大功能，可以很全面运用到教学过程中。群聊功能可以实时公开集体讨论，开放的交流使学习者能够从别人的观点中得到灵感；群共享功能实现资料的上传和下载，方便教师和学习者管理学习资源；邮件功能促使学习者可以通过电子邮件的方式实现非实时交流，提交作品，教师也可以通过邮件功能布置作业；讨论组功能指在学期末，教师采用分组教学的方式，每个小组可以实时建立讨论小组，在不受其他小组讨论影响的前提下，高效进行学习讨论。

2基于项目学习的《网页设计》课程实施效果

为了了解课程实施情况，笔者从学习者的学习态度、作品成绩、学生对教师的评价和学生对课程的评价四个维度统计课程实施效果。

2.1学习者的学习态度调查

课程结束后，给每位同学做了一个问卷调查，4个班级的206名学习者的有效问卷共197份。统计“您对本课程采用的项目教学方法的接受程度如何？后，88%的学生表示接受这种教学方法，并且认为通过课程学习达到了自己想要的学习效果。显而易见，相比传统教学模式，他们更喜欢这一种学习方法。网络环境下的教学可以增加师生、生生之间的互动，有利于激发学习兴趣。有10%的学生表示，希望教师在讲解过程中放慢操作演示的速度，讲解单一项目中涉及到的新技术模块时可以适当延长时间。

2.2学生作业成绩

笔者评估学生成绩采取平时成绩、期末作品成绩分别占40%、60%的计算方法，平时成绩包括平时考勤、平时作业、群内讨论参与度。评分指标分为“优、良、中、差”四个评价登记，100～90为优秀，89～80为良好，79～60为合格，59以下为差。通过整个学期的学习情况来说，全班均没有“差”等级现象，80%的学生处于良好或以上水平。

2.3学生对教师的评价，学生对课程的评价

学生对教师的评价和对课程的评价是一个开放性问题，大部分学生表示喜欢这种授课方式，希望其他的课程可以借鉴。广州华立科技职业学院每个学期都会通过正方教务系统进行匿名的教学质量评价，笔者在四个班级的总和教学评价中满意度为90.17%，基于项目的教学创新设计反映良好，达到了预期的效果。

3结语

笔者通过《网页设计与制作》课程的教学创新设计，结合广州华立科技职业学院学生的认知水平和培养方向，提出了个人见解，在教学中取得了较好的效果，得到了学生的好评。另外，不足之处欢迎大家指导，且当抛砖引玉，希望能获得宝贵意见，推动高等职业院校教学模式的改革，培养能真正适应社会发展，应用能力强的综合性人才。

参考文献

[1]郑大伟,柯清超.信息技术的项目学习[M].北京:人民教育出版社,2010:5.

[2]王勃然.基于大学英语项目学习模式的学生学习成就满意度调查[J].东北大学学报,2012,14(5):461-466.

作者：周艳 单位：广州华立科技职业学院计算机信息工程学院