网页设计教改中的探索

韩亚峰

摘 要： 现代社会网络已成为人们生活中不可或缺的部分，上网浏览网页成为人们获取信息的重要途径，而网页设计课以制作实用且精美的网页为目的，有较强的实践性。本文通过探索本课程的教学模式和教学方法，提高教学质量。实践证明，激发学生学习兴趣，积极开展师生沟通交流，进行综合量化考核，提高教师业务水平，制作项目实践网站，能够提高学生各方面的能力，取得良好的教学效果。

关键词： 网页设计 教改 团队合作 项目实践

随着社会的发展进步，以及计算机科学技术和互联网技术的不断创新，计算机已经广泛应用于各个行业中，计算机操作技能成了职业技能的重要组成部分。当今社会，无论政府机关、企业还是学校、个人都需要一个自己的网站，通过网站进行对外宣传和交流。精美的网页可以吸引用户进行浏览，增加访问量，从而提高网站的知名度，这就需要运用网页设计和制作技术。《计算机应用技术：网页设计》是高等院校为非计算机专业的学生开设的公共基础课，以《计算机基础》为前导课程，在提高学生计算机操作技能方面发挥重要作用。我结合多年实际教学经验，从网页设计课程的教学模式、教学方法和实践教学等方面，对《计算机应用技术：网页设计》课程的教学改革进行初步探讨。

一

“好的开端是成功的一半”，在课程开始之前，首先应最大限度地激发学生对网页设计的兴趣，进而培养学生的动手操作能力和创新能力[1]。在教学实践中，我这样设计教学：在讲每一个章节的理论和具体操作步骤之前，首先演示用本节理论制作的精美网页，这样就能立刻吸引学生，激发学生的学习兴趣，调动学生学习的积极性，接下来课程围绕“这个网页用到了哪些知识”、“我如何制作”展开，强化学生的参与意识，以学生为主体，以能力培养为中心组织教学[2]。学生了解了学习的意义所在，就会迫切地想自己尝试制作网页。

下面以网页设计中表格一课为例，谈谈教学体会。学习表格时不要开始就直接讲如何插入表格、嵌套表格，如何设置单元格宽度、高度、对齐方式等，而是先演示一个用表格制作的有现实应用的精美网页，我以儿童摄影工作室的主题网站为例制作了一个宝贝写真网页，里面用到了表格的嵌套、单元格的合并及拆分进行页面布局，网页顶部由图片和线条组成，底部是版权信息和联系我们，网页中部是主题，左侧用嵌套表格制作了栏目导航，右侧将多张宝贝写真照片分别放入表格拆分后的单元格中。在制作过程中用到了表格和单元格的相关属性，通过制作这个网页，学生掌握了表格部分的重要知识点。另外，表格中关于细线边框和圆角表格的介绍，我也采用网页案例讲解，以一张几米漫画图片为内容制作一个一像素表格，学生看到后的反应是，这个网页好美，很喜欢，接着就迫切想知道怎么做。在讲圆角表格时，展示了一个用可爱的动态图片配上圆角相框制作的网页，学生因为觉得好玩，非常乐意自己动手制作。这种教学方法主要考虑到教育应“以培养学习兴趣和信息素质为主”，兴趣才具有稳定性，是决定学习效果的关键因素，培养学生兴趣比讲书本上的具体知识更重要。

二

在教学中积极开展师生交流互动。虽然是计算机应用技术类课程，但是课堂互动亦非常重要，只有将老师讲和学生做恰当结合，才能获得好的教学效果。课堂上以启发、引导为主讲重点操作，其他简单操作让学生自主看书，上机操作，发挥掌握。教师在课堂教学过程中，充分利用多媒体[3]，随机点名同学操作电脑，通过多媒体做给全班同学看，被提问的同学遇到难题，其他同学可以出谋献策，帮助操作的学生完成这个网页的制作。这样可以营造学生动手并且相互合作的学习氛围，课堂上，同学们个个聚精会神，都参与其中。

为了弥补课堂教学的局限性，为学生提供更广阔的学习环境和交流平台，班级建立QQ群，师生都加入其中。为了实现资源共享，将网页设计课程资料如教学资源、教学视频、课后练习题目等上传到QQ群共享中，这样课余时间学生可以利用这些资料自行上机操作练习，遇到问题既可以参考教学资源和教学视频进行解决，又可以和老师通过QQ交流解决。在通信如此发达的环境下，师生还可以使用手机微信随时保持联系，就学习生活过程中遇到的问题及时进行沟通交流，及时解决。应用网络平台，不仅能帮助学生获取更多知识，提供丰富的信息资源，而且能为师生提供多种交流和对话的方式，增进师生之间的感情交流，进而及时帮助学生答疑解惑。

三

对学生进行综合量化考核。传统的期末闭卷考试方式，不适合网页设计课，为了更好地检验学生的学习成效和计算机应用能力，采用“平时成绩+设计作品成绩+期末作品成绩=学生总成绩”[4]的综合量化考核方法。

平时成绩主要参考课堂回答问题情况和课外作业完成情况，课堂提问能有效地增进课堂互动，检查学生对授课内容的掌握情况；课余对学生提出扩展要求，布置课外作业，学生可以利用网络查阅相关资料，完成上机作业。另外，每学完一个重要章节，留给学生一个大作业，即制作一个作品，应用到本章学习的技术，设计作品成绩评定主要依据这些作品的完成情况，同学们可以分成小组完成，遇到难题通过各小组成员之间讨论、分析进行解决，在此过程中同学们的能力得到提高。下次课上，给每个小组3～5分钟时间，让代表利用多媒体展示自己小组的作品，详细阐述提交的网页作品的设计思路、使用的关键技术，并分析该网页的结构、风格、创意和特色，最后老师进行评价，酌情给出该小组的设计作品成绩。学生分组做项目，既有利于相互之间学习交流，培养创新精神，又有利于培养团队合作能力。期末作品成绩是对本学期所学的全部内容，提出考核要求，安排学生在规定的时间内进行上机考试，这种方式要求学生有熟练的操作技能，重视平时的操作练习，提高动手能力。实践证明，这种考核方式能够客观、公正地检验学习成效，督促学生积极主动学习，增强教学效果。

四

提高教师业务素质和水平。计算机技术更新较快，新技术不断出现，网页开发工具多样化，而且版本不断更新，有很多新增功能，这就要求任课教师不断更新知识，时刻关注并学习掌握新技术[5]。高校应该根据计算机专业的特点，为教师提供外出进修或者学习的机会，多组织教师参加教育部、其他高校及公司等单位组织的培训。通过学术交流，构建开放式教学平台，并与公司建立友好合作关系。

五

网页设计课程的最终目的是实现学以致用，给学生提供机会参与项目实践。因为学生的计算机基础操作能力参差不齐，所以在上机时应该进行分层次教学指导，对于基础薄弱、计算机操作技能差的学生，上机指导要特别关注，多为他们解答疑问，保证完成教学任务，布置教材上要求的网页项目让他们完成，确保这部分学生能完成教材上要求的项目。对于计算机操作能力强，前导课计算机文化基础掌握很好的学生，在完成现有的教学任务后，可以分配一些有实用价值的项目给这些学生做[6]。介绍学生为一些老师制作精品课程网站，也可以为公司设计网站，多提供这样的机会给学生，这样不仅可以使学生学以致用，还可以为学生提供勤工助学的机会，增强学生的工作能力。将教学与项目相结合，在完成项目过程中，培养学生思考问题、解决问题及动手、协调的综合能力，调动学生学习的积极性与主动性，激发学生的自信心，实现教学目标。

在教学过程中，通过不断创新教学方法，培养学生自主学习的兴趣，利用科技进步，增进师生交流和资源共享，通过分组项目实践，培养学生合作能力和团队精神，将理论知识应用于实践。这样教学，提高了学生的动手能力和创新能力，在培养学生能力方面取得了显著效果。

参考文献：

[1]罗春雷.全程结合工程实际的工科专业教改实践与思考[J].长沙航空职业技术学院学报，2009（2）：15-17.

[2]王东燕，赵鑫，喻革武.关于信息技术文化基础课教改的几点思考[J].电脑知识与技术，2010（26）：7426-7427.

[3]赵玉亮.郑旭东.多媒体技术在高等数学教改中的作用[J].科教文汇，2010（01）：84.

[4]莫学值.浅谈ASP.NET程序设计课程教改实践[J].广西轻工业教育研究，2010（1）：134.

[5]胡乐宁.浅谈高校教改形势下对教师能力的培养[J].大学教育，2012（2）：48-49.

[6]刘伟青.基于项目教学法的数控加工工艺教改实践与思考[J].湘潮，2012（383）：136.