远程教育《 网页设计与制作》项目教学探究

□李伟艺

( 山西广播电视大学，山西 太原 030027)

“网页设计与制作”是当今社会的热门，相关制作技术越来越受到人们的关注，它已成为现代生活中的一门实用技术。面对网页制作人才持续增长的社会需求，电大开放教育多个专业开设了“网页设计与制作”课程，目的是通过该课程的学习，使学生能够自主开发设计一个完整的网站，毕业后能够直接从事相关网页设计与制作的工作。

一、项目教学研究背景

“网页设计与制作”课程内容实践性较强，以往的教学主要是重难点知识讲解及书中案例的操作演示，注重软件的使用和操作，实践教学环节相对薄弱，学生实际操作能力差。从学生完成的实训作品看，教学效果并不理想，所学知识和技能比较零散，综合运用能力不强，达不到社会对人才的要求，教学与社会生产实践出现脱节现象，学完本课程后，学生还是不知道如何设计制作真实的完整网站。因此，为适应远程教学和自主化学习的要求，有效地解决以往教学存在的弊端，提高开放学生的学习效率，对“网页设计与制作”课程进行教学改革，探究新的教学模式，将实际项目引入课程教学，改革教学方法、教学手段及考核形式，实现培养应用型人才的教学目标。

二、项目教学设计思路

在项目教学设计过程中，课程教学的实施以社会需求为目标，以学生的技术应用能力为主线设计教学过程。

1.实训项目贯穿整个教学过程，实训项目的设计要重视知识和技能的综合运用，考虑知识点的含量、前后的联系等多方面的因素，将教学重点、难点分解到每个小项目中。

2.教学设计以学生的自主学习为中心，以实践教学为关键，让学生带着任务学知识、带着任务学技能，通过项目的开发使学生掌握网页设计与制作的基本技能。

3.用模仿式教学模式实现教与学的互动，充分激发学生的主动学习能力。采用小组协作的学习方式调动学生的学习积极性，相互弥补思维的欠缺，培养学生的合作创新精神。

4.充分利用网络教学平台的远程教学优势开展课程项目教学，进行资源共享，协作学习，师生互动，交流经验，作品展示。

5.改革传统的笔试闭卷考核方法，将考核重点放在对学生实际操作能力的考核上。

三、项目教学实施过程

项目教学以项目活动为基础，以解决实际问题为主要目的。在老师的指导下,将相对独立的实训项目交给学生自己处理，包括素材的收集和整理，项目方案的设计和实施，由学生以学习小组协作的形式完成。通过实训项目的进行, 学生掌握了网页设计与制作的整个过程。简单讲，项目教学法就是以项目为主线，教师为主导，学生为主体的教学方法。

1.课程教学方案。“网页设计与制作”课程项目教学的实施过程围绕实训项目进行，教学过程包括三个环节：第一，集中导学，围绕实训项目设计案例，着重解决重点和难点知识；第二，远程教学，利用网上教学平台丰富的立体化教学资源开展教学；第三，自主学习，利用文本教材和IP课件系统学习课程知识。通过这三种方式的学习达到对不同知识的深入理解与掌握。课程项目教学的具体实施方案如下图所示：

集中教学安排了五次，主要围绕五个实训项目的内容进行教学，集中学习分3个层次进行：①实训项目的相关知识和操作技能讲解；②解答学生自学过程中出现的共性问题；③集中辅导教材中的重点、难点知识，演示典型案例。

远程教学和自主学习主要依托山西省电大在线平台进行，利用网上教学平台建立完善的课程教学支持服务系统，课程栏目内容包含教学指导文件、教学辅导、章节练习、学习指导、IP课程、网页制作素材、在线测试、实训作品展示等，同学们可以在家里上网，也可以到教学点上网，根据自己的需要自主学习，利用课程讨论区与教师进行交流讨论，同学之间开展协作学习。网上教学给学习者提供完善的教学信息和咨询服务，帮助引导学习者完成自主学习过程。

2.教学方法。“网页设计与制作”课程已往的教学过程是：面授课上先进行重、难点的理论知识讲解和操作演示，随后学生上机练习，课后辅助IP课件来系统传授知识。这种教学方式学生学到的知识比较零碎，解决实际问题的能力较差，很难构建起完整的知识结构体系。为了提高学生的综合应用能力和创新能力及实践动手能力，我们将网站建设的项目引入到教学中，将实训项目与教材内容相结合，案例教学，任务驱动、学做合一、小组协作学习等多种教学方法并行。学生在完成实训项目的过程中发现问题，解决问题，培养学生的学习能力和解决实际问题的能力。

“网页设计与制作”项目教学中，“实训项目”的设计是非常重要的环节，在实训项目的设计上要求做到：以教学的内容为依据，以现实的对象为素材，实训项目既要包含教材中的基本知识，又要能训练学生解决问题的能力。根据这一原则，我们确定的总项目是“建立个人网站”，这个项目贴近学生的生活实际，容易激发学生的学习兴趣，根据教材中的知识点进一步将总项目分解成五个子项目，一个学期分阶段完成每个子项目内容。布置实训项目之前，教师精心设计编制各子项目的具体操作任务书，把教学目标巧妙地蕴涵到各子项目任务中。例如：子项目五“应用CSS样式表对网页进行排版”，编制操作任务书如下：①设置文本样式，将正文内容设置为“宋体”、“9pt”、黑色文字；②设置链接样式，链接正常状态为靛蓝，已访问过的为蓝色，移入时为红色；③设置标题样式，将标题内容设置为“黑体”、“12pt”、黑色文字；④将样式表导出，并应用在整个网站中的所有页面。根据完成具体任务的要求，在第五次集中面授教学中，以子项目五“应用CSS样式表对网页进行排版”为主线，精心设计了3个案例：【案例1】定义及应用标签样式；【案例2】定义及应用高级样式(链接样式)；【案例3】在网页中应用样式表。我们把教材中的知识融入到3个案例中去讲解，用案例教学突破教材中的重、难点内容，模拟演示操作步骤，边讲边练，学做合一。课后，学生以学习小组为单位进行项目开发。学生在项目任务的驱动下，进行自主探索和小组协作的学习，掌握了CSS样式表在网页制作中的应用。

3.教学手段。多媒体面授教学：集中面授课安排在多媒体机房，教学按实训项目为单元进行。课前了解学生的自学情况，找出那些不经老师辅导学生很难掌握的知识，课堂上有针对性地进行重、难点的讲解，以案例教学为主，现场操作演示，学生动手练习，重点解决学生在项目中遇到的各种技术问题。整个教学过程都是围绕实训项目的内容来进行。

网络远程教学：利用学校校园网的功能搭建起“网页设计与制作”课程教与学的网络平台，教师利用校园网资源进行辅助教学，学生利用网络教学平台进行自主学习、协作学习。网络教学中应用了下面几种教学手段：①设置课程讨论系统，提供实时和非实时答疑、交流讨论，实现异地教师和学习者及学习者和学习者之间的交流活动，方便师生双向交流；②提供在线测试，围绕教学内容发布在线测试题和实训任务；③创建丰富网上资源，将本课程教学资源(包括教学大纲、教学进度、教学实施方案、学习指导、与课程内容相配套的操作练习内容、网页制作素材、形考作业等)放到网上，实现教学资源的共享。网络教学延伸了课堂教学的时间与空间，弥补了集中教学的不足。在优化教学效果的同时，学生形成自主学习的良好学习习惯。

IP课件辅助教学：中央电大的《Dreamweaver网页设计》的网络课程配有36讲IP课件，IP课程给学习者提供本课程的系统知识的讲授。对教材中的所有知识点都进行了操作演示。通过省电大在线平台链接中央电大的网络课程，给学习者提供相同的课程多次播出的辅导机会，解决了远程学习者普遍存在的工学矛盾，为学生课后的进一步系统学习提供有效的指导和帮助，弥补了集中导学课时不足的局限性。

《网页设计与制作》课程的项目教学，强调的是给学生创建一个自主学习的环境，我们充分利用网络教学平台延伸课堂教学的时间与空间。利用多媒体机房进行面授，优化案例教学和任务驱动的教学过程；通过E-mail、BBS等方式实现教师与学习者交流互动；应用IP教学辅助课件让学生系统掌握网页设计与制作的知识和操作技能。学生在整个教学活动中，形成自主学习的良好学习习惯，掌握独立开发一个完整网站的实用技术。

4.模仿式教学。“网页设计与制作”课程是一门实践性很强的课程，让学生动手去做，亲自完成一个完整网站的建立过程，经历网页制作的各个环节，才能提高学生制作网页的能力。学生初次接触网页设计与制作这门课时，还没有网页设计与制作的思路和方法，即使是一个简单网页，也会觉得无从下手。教师找一些典型网站案例，进行模仿式教学，通过讲解、模仿操作，学生进行参与性的操作练习活动，模仿优秀的网站，从网站的配色到页面设计布局，以及网站的内容结构等都可以模仿，尤其是对网站的首页要进行模仿还原。这种有明确任务的学习，能激发起学生的浓厚学习兴趣。经过模仿式教学，学生在完成实训任务时会有意识地主动模仿他人的网页，会把在模仿他人网页中学到的知识结合到自己的创作中来，模仿学习之后，学生们创建出各具特色的，具有一定专业水准的个人网站。

四、教学资源的建设

该门课程的项目教学主要是基于网络环境下开展的教学活动，在教学过程中，教师会准备大量的教学素材，并对素材进行加工、处理、分类、整理后上传到山西电大在线教学平台的课程栏目中，随时供学生访问参考，全省各个教学点的师生共享网上教学资源。教学资源主要包括以下五个方面的内容：1.网页制作知识：主要包括dreameweaver、fireworks、flash等工具的使用技巧。2.图像处理知识：主要包括图像格式介绍，photoshop的使用技巧等。3.教材素材：包括教材中大部分案例的图像、音频和视频素材。4.项目资源：电子参考书，优秀网站案例、图片资源、素材网的网址等。5.学生作品展示：展示历届学员的优秀作品。

学生利用提供的教学资源可以反复进行实际操作练习，巩固课堂上的学习效果，完成实训项目。

五、项目教学的考核方式

网页制作课程的关键是看学生是否掌握了网页制作的实用技术，因此，对学生学习成绩的评价应该主要放到检验学生的设计能力、综合应用能力和创新能力上。我们把考核的重点放在对学生学习过程的考核上，通过学习过程监控、实训项目作品与综合网站的开发相结合；教师、学生、专家评价相结合；形成性评价与终结性评价相结合等多方位、多角度的考核方式来综合评价学生的学习成绩。目前对于“网页设计与制作”课程的考核由5 个部分组成：学习过程记录、小组学习活动，实训项目作品，综合网站项目的开发，期末笔试五部分成绩组成。随着网络教学平台功能的逐步完善，我们将采用网考的形式进行该门课程的考核，取消期末笔试，网页设计与制作的知识和操作技能考核由一个项目来完成，这个项目就是完成一个综合网站的开发。课程成绩不仅要考核综合项目作品，而且要把完成项目作品的过程也作为我们评价的一个依据。

六、结束语

在“网页设计与制作”课程中实施项目教学突破了传统的教学模式，通过完成一个独立网站的设计与制作项目来实现学生对网页制作知识和技能的掌握，这种理论与实践有机结合的教学，极大地提高了学生学习的积极性和主动性，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析问题、解决问题的能力都得到了锻炼，具备了一定的网站开发能力，积累了网站项目开发的经验，能够承担网页设计与制作的工作，为学生今后实习和就业打下了坚实的基础。

参考文献：

[1]肖弋,余明毅.网页制作课程与项目教学法[J]. 重庆电子工程职业学院学报,2010,(1).

[2]李健,李燚琳.网页制作项目教学方案设计[J].福建电脑,2009,(7).

[3]黄皖毅.网页设计与制作课程中项目教学法研究初探[EB/OL].百度文库http://wenku.baidu.com/view/3978a13610661ed

9ad51f352.html.

[4]蔡伯峰.网页设计与制作项目课程教学改革[J]．泰州职业技术学院学报,2008,(2).

[5]张伟娜.网页设计与制作课程教学的探讨与实践[J].教育信息化,2008,(3).