信息技术对网页设计教学的应用

摘要:“网页设计”课程是计算机网络专业的一门非常重要的专业课程，至今已经开设10余年。随着计算机网络技术的发展，特别是移动设备的大力发展，给此课程注入了新的活力。分析计算机网络与“网页设计”课程整合的必要性及带来的教学变革;以自适应网页为例设计出网络环境下的“网页设计”课程教学方案;最后指出在实际应用中达到的教学效果。

关键词:网页设计;计算机网络;教学结构;教学设计

中图分类号:G423．07 文献标识码:A 文章编号:1671－6558(2016)01－92－04doi:10．3969/j．issn．1671－6558．2016．01．022

0引言

计算机网络自它诞生以来，经历了主机互联、局域网、互联网3个阶段［1］。进入21世纪以来，它以迅猛发展的姿态推动人类社会进入了全面发展的信息化时代，成为人们日常生活中必要的生活环境，也促使各大院校出现了以网络为载体的信息化教学改革。特别是自2012年以来，教育部举办全国职业院校信息化教学大赛，以信息技术推动职业教育教学改革创新，促进了教学方式和学习方式的变革，促进了信息技术与课程教学的深度融合，提高了教师教育技术应用能力和信息化教学水平［2］。本文以信息技术在“网页设计”课程中的应用为背景，研究计算机网络与“网页设计”教学的整合，以自适应网页为例探讨如何利用信息化技术解决课程中的重点、难点问题，从而探究出新时代下适合高职学生的教学模式。

1“网页设计”课程教学模式

伴随着网络的蓬勃发展，全球网民超过10亿，人们上网浏览形形的网站来获取各类信息，而网页又是组成网站最基本的要素。据统计，截止到2014年，互联网上总共有超过1．5亿个网站，超过108个网页［3］。如此可见，网页在网络中的重要作用。对于专业学生来讲，网页不仅仅要承载信息，而且要体现出设计者的专业水准、技术水平和专业综合技能。因此，“网页设计”课程对专业学生要求更高。在以往的教学模式中，教师将知识分成不同的案例，教师在多媒体机房演示案例，学生跟着教师边听边做，学生练习，教师进行适当地辅导。在这样的模式下，学生容易机械被动地接受知识，只会教师教过的内容，谈不上如何创新，甚至导致学习热情减少。特别是在遇到较难问题不能合理解决的时候，学习积极性容易受挫。因此，在当前大力提倡信息化的大环境下，利用网络环境，突破以往教学模式，激发学生学习热情，培养具备后续发展能力，具有独立创新意识的学生更具有时代意义。

2计算机网络与“网页设计”教学有机结合的作用

计算机网络与“网页设计”教学的有机结合，是把计算机网络作为整个网页教学体系的一个必要的组成部分，而不是一种辅助的手段，并且能够充分利用计算机网络让学生在资源丰富的情境中进行主动、有效地学习，能够自觉地形成基于互动、基于协作、基于探究的学习活动，主要体现在:(1)教学结构发生了根本性的变革;(2)创建了有效教学方式;(3)打破了“课堂、课本、课时”的局限。

2．1教学结构发生了根本性的变革

在“网页设计”等编程类课程中，传统的教学方式主要以“教”为中心，学生被动地接受知识，加上编程部分比较抽象，学生学习起来困难重重，学习积极性容易受到打击。信息化下的教学设计则转变为“学—教”并重的教学结构，让学生积极主动地参与到教学活动中来，发挥最大的能动性，变被动学习为主动学习。2．1．1教师作用的转变将计算机网络应用于教学，作为教师首先应该亲身体验如何利用计算机网络去获取新知识，如何将知识进行更有效地传播，同时，要考虑如何引导学生利用计算机网络去获取和构建新的知识，并能进行更高效、更合理地学习。教师还要结合学生的特点整合教学内容，创造合理的教学环境，将计算机网络的优势淋漓尽致地体现在教学活动中［4］。因此，教师不仅仅是一个知识的传授者，更多地是一个设计者，对教学的每一个环境都进行精心设计与合理安排;教师还是一个引导者，为学生提供一个资源丰富的学习情境，引导学生逐步展开学习活动，在教学活动中，教师能够及时把控学习进度，及时解决学生在学习中出现的问题并根据需要进行示范，逐步引导学生完成既定的教学任务，达到教学目标。2．1．2学生角色的转变将计算机网络应用于教学，作为学生已经不是传统教学中被动的角色，学生按照项目需求以小组为单位，借助计算机网络中提供的丰富的学习资源开展学习活动［5］。在学习活动中，可以组内协作、组间互助，利用网络工具进行在线技术讨论、远程求助，学生充分地参与到教学的每一个环节中来。因此，学生不仅仅是一个学习者，更多地是一个参与者，在计算机网络所提供的环境中不断地通过各种途径去解决问题，一步步地完成学习任务，从而达到既定教学目标。而且，计算机网络可以使学生打破时间和空间的限制，随时随地地查阅所需要的知识，学生就会有更多的时间去发现、构建更多的新的知识，激发学生探求的欲望，使学生在解决问题中提升学习兴趣，形成“探究———出现问题———探究———解决问题”的良性循环。

2．2创建了有效教学方式

有效教学是学生能够积极主动地参与到教学活动中来，变成学习活动的“中心”，以小组协作的方式进行学习。学生可以独立地或共同思考在学习中需要了解什么问题、解决什么问题及如何解决问题，学生学习到的不是课本上呈现的传统的基础知识和理论，而是解决问题的方式与方法。在计算机网络提供的环境中，学生可以借助环境中提供的现实社会真实案例，在任务中完成新知识的建构和学习。这样既激发了学生的学习兴趣，又激励了学生通过各种途径去解决问题。发挥了学生主观能动性，使其变被动学习为主动学习，从而达到有效学习的目的。

2．3打破了“课堂、课本、课时”的局限

计算机网络与课程的整合，延伸了课堂、拓展了课本、突破了课时，学生可以随时、随地进行学习。在网络环境中，学生不仅可以获取到比课本更为广泛的知识来源，还可以与教师、学生、企业专家进行即时沟通与交流。在整个过程中，学生获取的知识远远超过课本所能达到的范围，学习也不仅仅局限在某一个时间范围内的课堂，实训室、教室、宿舍、图书馆甚至是校园都能看到学生孜孜不倦的求学身影。教师不再是课堂教学的中心，而是作为整个过程的引导者，引导学生在这样的环境中进行知识的构建。因此，计算机网络与“网页设计”课程的整合，可以有效地提高教学效果，并使教与学的机构发生了根本性的转变，使学生积极、主动地进行知识的构建，在完成任务中学会解决问题的方法，既提高了专业能力又提高了团队协作能力。

3“网页设计”课程教学设计

在教学设计中，重新定位教师与学生的角色，教师不仅仅是知识的传授者，同时也是教学活动的组织者、协调者、参与者，学生不再是被动的接受者，而是参与到教学设计中。如此一方面可以提高学生在学习过程中的积极性，能给学生亲身体验的直接感受，另一方面减少了教学活动中的不确定性，使教师对整个教学过程有了更好的把握。

3．1教学设计思路

整个教学设计建立在对教学内容、学情进行多次分析的基础上，以一个形象的比喻作为主线，通过对比、互助、反馈、递进等多种手段达到了教学目的。(1)教学内容在多次调研与分析的基础上，结合了当前职场需求，通过对比的方式明确地指出了自适应页面与普通页面的不同之处(见图1)，让学习者可以直接地感受到自适应页面的特点与优势，从而增加对学习内容的兴趣。(2)教学活动与教学资源要充分考虑学生的差异性、个别性，使不同层次的学生都能够获得丰富而有效地学习资源，在教学设计中，进行了授课对象的学情分析(见图2)，发现学生学习自适应网页的困难所在，为针对性地进行有效教学活动奠定了坚实的基础。(3)在教学活动中要给学生充分展示自我的机会，让学生在教学中持续不断地表现自己，发挥学生最大的能动性，有利于进行自发地、创造性地学习。(4)结合教学情况分析的结果，经过详细探讨与反复讨论，得出了“一条线、二结合、三任务、多元化”的教学模式———以“冰融化成水的形象比喻”为主线，结合市场对页面最新需求和项目开发要求，借助创设环境、分解页面、优化页面3个任务，依托网络平台，实现教学内容模块化、远程辅导差异化、教学资源信息化、教学手段形象化的多元化教学活动，让学生放下包袱，以轻松愉快的心情去学习，从而达到教学目标(见图3)。

3．2教学设计效果

促进了教师从传统型到引导型转变，帮助学生克服了代码编写恐惧，积极主动地投入到自适应网页的制作中，能够触类旁通，设计出不同风格的自适应网页，并将作品设计到个人简历中，获得了用人单位极大的肯定。

3．3教学特色与创新

(1)类比教学，引导学生迅速进入状态。用水类比自适应网页，串联起整个教学过程，即烘托了气氛，又与学生产生了共鸣。(2)即时反馈，不断优化教学内容。教师依据学生重点学习阶段的测试结果，准确地把握学情，对教学内容进行微调，更符合学生特点。(3)自立自助，充分发挥学生能动性。学生在学习过程中可以根据微视频和知识点信息图自己掌握学习进度，并利用网络教室加强学生间的交流，促进学生互助学习，教师根据需要进行辅助引导。

4结论

在信息技术迅猛发展的时代，要充分发挥信息化的功能，必须把计算机网络与网页设计课程有机地结合在一起，使计算机网络系统成为教学系统的必要组成部分。这样不仅为“网页设计”课程提供了理想的教学环境，而且打破了传统教学模式的局限性，改变了教学结构，促进了教师与学生2大角色的转变，使学生由被动学习变为主动学习，显著地提高了学生的专业素养与能力。

参考文献

［1］朱元忠．计算机应用基础［M］．大连:东软电子出版社，2011．

［2］全国职业院校信息化大赛组委会．2012年全国职业院校信息化教学大赛举行［EB/OL］．2012－12－13［2014－12－28］．

［3］孙更新，宾晟．网页设计与制作［M］．北京:人民邮电出版社，2014．

［4］赵玲玉．从信息化教学大赛看计算机专业教师努力方向［J］．现代交际，2013(7):192．

［5］纪明明．浅谈“项目教学法”在《网页制作与网站设计》课程教学中的应用［J］．中国新技术新产品，2010(24):239．

作者：田晓玲 罗波 方园 单位：北京工业职业技术学院 电气与信息工程学院