《网页设计基础》课程教学研究.doc

网页设计基础课程教学研究 摘 要：本文以学校课程案例为基础，对课程存在的问题，课程改革内容，改革的突破点以及课程考核方法进行研究讨论，分析如何提高网页制作课程教学的质量，经过一年的实践，改革初见成效。 最近几年来，在高职教育教学发展中，“项目化导向”的教学模式在国内高职教学中全面开花，原因是，项目导向的教学具有“一本二主”的模式1-2，表现在以能力为本位、以职业实践为主线、以项目课程为主体。网页设计能力是计算机专业学生应具有的一种职业能力。围绕培养网站建设的前台开发设计能力，笔者所在学校进行了相应的课程体系改革，在网页设计基础等课程实施了项目化教学，较之传统的教学质量上有了进一步提高。从多年以来的教学实践中，对于“网页设计基础”课程的教材与教学模式设计上，虽大力提倡项目化教学，但回归到真实课堂与教材内容编排设计上时，还是从点到线的教学，从基础到综合的方式设计的，唯课本论教学的方式较突出。 1 课程存在问题 1.1 多数教材章节编排表面上是以项目化编写，实际内容却没有连贯性3-5，仍以点的方式编排，有些章节之间所用的项目有可能是多个，总体来看，是几个点连成一条线，并没有形成一个面。因此会使学生缺乏全局观，在开始一门课程的最感兴趣的初始阶段，都在学习一些点的内容编排，如表格布局、若干网站元素的各环节练习等，最后才会有一个综合项目章节来进行讲解。从实训或学生调查（已经学习该课程的）中发现，尽管他们对网站各元素的处理没有多大问题，若让其根据所提供的素材做出一个整体美观的网页，学生就不知如何下手，第一步该做什么，然后做什么，对整体的把控度没有任何的概念，存在不小的困难。 1.2 由于教材的编写都是相关作者经历长时间编写的，难免会出现跟不上技术的发展。在实践教学中，部分教师仍以课本为唯一导向，从而导致学生的知识面窄，进一步影响学生的知识自主创造发现能力。体现在，目前的网页设计基础课程教材大多还是以CSS为主的布局技术，但CSS已经升级为CSS3，其在CSS基础上增加了很多新特性，如可以直接用其来做简单的动画设计和用户界面。因此，课程教学资源不够丰富，教材建设相对滞后单一，资源库建设亟需系统规划与完善。 1.3 多年来的教学实践中，在网页设计基础课程上，只是单纯选取HTML+CSS+DIV作为入门课程，与网页设计中息息相关的JavaScript技术先后分学期教学。对笔者所在学校高职专业学生群体来说，经过一个假期的沉淀，会导致学生在做前台静态网页设计上出现断层，而且会进一步扩大网页设计的全局观概念技术设计能力。本来一个完整的网页必须包含这两方面的技术，但在教学最开始时把其断开，使学生初始只看到一种片面，让其产生错觉，只学这样就够了或者会存在很大疑问，为什么课上所做出来的东西与真实的网页上的东西不一样，导致学生以为课程授课结果与社会市场需求不一致，在课程过程中或结束后，没有真正体会到现实版的网页应该是怎么样的，导致学生觉得该课程对未来职业发展并没有多大的用处，直接导致学生缺乏就业竞争力。 1.4 课程实习实训中，实践性不强，仅有整个网页网站的制作一般流程，并没有把制作好的网站设计与企业的优秀成果进行比较，也没有一个规范的课程评价体系。 2 课程改革内容 除了要充分进行工作岗位调研和课程定位这些常规改革内容以外，还要进行以下两点： 2.1 课程设计。按照情境学习理论的观点，只有在实际情境中学生才能获得真正的职业能力，并获得理论认知水平的发展6，因此本课程要求打破纯粹讲述的教学方式，实施项目教学以改变学与教的行为。这是教学模式的一个重大转变，需要以项目为载体来组织课程内容，以工作任务为中心整合理论与实践，实现理论与实践的一体化。让学生在具体项目的过程中掌握网页设计的思路，学会网页制作方法，并构建相关理论知识，以展职业能力。在项目课程设计中，项目载体设计是一个关键环节。如以一个优秀网站来做整个项目教学的主体，从网站的开始的布局框架开始，逐步在其中穿插各网页元素技术知识的教学，达到知识点与整体的融合，使学生在学生制作过程中一直处在成就感中，保持学生的兴趣，在成就中学习知识。 2.2 教学方法改革。该课程具有很强的操作性和综合实践性，特别强调学生的操作能力，强调学生学以致用的综合实践能力，另外，它极富创造性；第三，它集现实性、实效性于一体，具有明显的时代发展特点。基于以上特点和学生实际，课程教学需要采用以“教师为主导、学生为主体”的符合课程特点的教学模式。让学生在教师的指导下，对所学的课题进行探索、分析、研究，在实践操作中培养学生科学的态度的价值观以及创新精神、创新思维、创造能力，并学会解决生活中与信息技术学习有关的实际问题。如利用学生业余时间创办网站设计大赛。组织学生组成团队共同设计制作网站，并在机房展示评比，把评比的结果可适当考虑到考核成绩里，同时在条件允许的情况下可将网站发布于互联网上，发动全校师生上网访问参赛作品并评分，并给予相应奖励，使学生在校期间就能体验相应职业发展的竞争性，增强学生在未来职业发展的竞争力。 3 课程改革突破点 综合以上分析，在以项目化教学模式的基础上，做出相应的改进。对网页设计基础课程改革预计有如下几点突破： 深入调研与分析企业人才需求，根据企业的技术发展趋势制定网页设计基础课程的人才培养方案，制订相应的课程标准和课程资源库。具体体现在： 3.1 教学重点配置科学化。课程内容的教学重点须放在网页的整体布局，在网页界面设计开发的课程设计上，采用整体中兼容局部的方式进行教学，整个课程设计教学中，以一个整体完整优秀的网站作为项目主体进行讲解，首先讲解整体布局概念，在此其中穿插讲解各网页元素技术点的具体操作，使大部分的学生都能从整体上把握一个网页的设计。 3.2 在上述基础上，增加最新技术的融入课程中，如：CSS3等。且在课程后半段增加相应的最新技术所作的优秀网页，以欣赏的眼光去引导学生在课余时间或者通过布置作业形式去学习相关技术知识，以此增加学生的兴趣度及未来职业发展的口径，同时，也相应地增强高职专业学生普遍缺少的自主发现事物规律能力。 3.3 实现XHTML+DIV+CSS与JavaScript技术结合一起教学。表面上看好像在课程课时上要增加，实际上只要做到在面中讲解点的教学模式，并不需要增加相应课时数，因为对于Javascript来说，只要做到会阅读并会调用相关JS文件即可开发出非常漂亮的静态前台网站。当在课程教学上突破了这一点，就会增强学生对网页设计的兴趣及认知度，使其更能知道网页制作的妙处与精髓，达到课程教学的终极目标培养学生在社会职业发展道路的能力。 4 课程考核的方法 课程的考核评价应充分发挥其在教学过程中的向导作用，是提高教学质量和学生学习质量的保证。应该避免一次考试为终结的方式，也要尽量避免那种所谓的过程性考核方式，其弊端仍然在于通常是到期末的时候学生才知道自己的结果，而失去的激励和引导作用。应该将考核真正的贯穿于整个教学过程中，在一些里程碑到来的时候，就应该对积极、认真学习，并按时、富有创造性地完成所布置任务的学生给予肯定，并直接与成绩挂钩。如改变原来闭卷笔试的考核形式，要求学生在课程结束后形成一个完整的网站，主题自拟。而对使用课外的工具和手段使得网站更生动的学生应加鼓励其摸索创新精神，适当加分。最终成绩的评定依据是网站使用工具的先进性、主题的新颖性、界面设计师的艺术性和实现功能的完善性以及网站的可扩充性五个方面来评分。 5 结束语 笔者所在学校在网页设计基础课程改革已有一年准备基础，改革初见成效。为了能更清晰地看到课程考核改革前后的成果，做了一个实验，采取问卷的方式进行收集学生对考核方法的接受度、对整个课程体系的掌握度以及对后续课程的影响度进行比较。其中调查问卷中，接受度分为三个级别：接受，不接受，其他；掌握度分：好，一般，不好；影响度分为：大，中，小三个程度说明影响的大小。 其中2013级的学生是采用改革后的方法，2012级的学生是采用传统的方法，2013级学习该课程人数：151人；2012级人数：131人。发放问卷总数：282份。经统计，对于2012级学生来说这三个数值（注：分别取接受，好，大这三个数值除以总人数得出）分别是30.5%，42.7%，60.3%；对于2013级学生分别是：90.1%，74.8%，93.4%。 从数据分析来看，课程改革整体成果显著，但是从数据来看，学生对知识的把握还有进一步的上升空间，应该在今后的课程教学过程中更注重培养学生能力发展上，让学生多动手多实践。由于问卷调查中的数据过于狭窄表面，这些数据只是从一个侧面来看课程改革的成效，单单靠这些问卷数据很难评估学生对课程知识的理解与把握，所以对于网页设计基础课程改革还需一段路要走。如何争取让这门课程更加规范化，更加与时俱进，这是本门课程改革未来要走的方向。