时间：2022-04-26 23:59:13
引言：易发表网凭借丰富的文秘实践，为您精心挑选了九篇网页制作课程设计总结范例。如需获取更多原创内容，可随时联系我们的客服老师。
关键词：网页制作；职业能力；高职教育
作者简介：柳珺（1963-），女，北京人，河北政法职业学院计算机系，副教授。（河北 石家庄 050061）
中图分类号：712 文献标识码：A 文章编号：1007-0079（2013）10-0135-03
一、高职教育概述
高等职业教育作为高等教育中的一个类型，其人才培养规律不同于学术人才培养规律。高等职业教育应该以社会需求为目标，实践动手能力的培养为主线，所学知识、技能具有岗位针对性。因此高等职业教育的教育过程应以“项目化”的实训任务为引领，以培养学生职业能力为核心，通过职业技能的培养，努力挖掘学生的动手能力，能够让学生在学中做、做中学、学做一体，从而提升学生的专业知识应用能力和职业技能的迁移能力。
当前高等职业教育所面临的核心任务是课程的改革，而“任务引领”教学模式符合职业教育规律，强调理实一体、做中学的理念，[1]因此“任务引领”教学模式是突出高职办学特色、促使课程改革走向优质的一条有效途径。
“任务引领”是指在整个教学过程中以工作任务为主体，强调理论与实践相结合，在真实的工作环境下将所要学习的新技能、新知识渗入学习任务中，以完成任务的过程作为教学活动的核心，教学活动、教材内容和教学条件等环节均围绕一系列的任务进行，实践和理论高度融合。[2]
“任务引领”教学模式的特点可以概括为：以工作任务为引领；以岗位技能为导向；以实践教学为主题；以掌握能力为目的。任务引领让学生在享受工作过程的乐趣中，学习知识、掌握技能、培养责任、积累信心、完成教学任务，同时激发了学生的学习兴趣，调动了学生学习热情。[3]
在教学实践中，将“任务引领、学做一体”的教学模式引入的了高职“网页设计与制作”课程中，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的实践任务，使学生在任务完成的过程中，获得了网页设计制作的知识和技能，取得了较好的教学效果。
二、“网页设计与制作”课程设计理念
1.根据“网页设计与制作员”职业岗位需求确定课程目标
“网页设计与制作”课程是培养学生网站规划、设计与网页制作能力的课程，其对应的职业岗位是网页设计与制作员。因此，该课程的目标是掌握网页制作方法、强化网页制作技能、积累网页制作经验，以满足网页设计与制作员职业岗位的需求。
2.以职业能力为依据组织课程内容
“网页设计与制作”课程根据网站开发和网页制作技术领域和网页设计与制作员职业岗位的任职要求，参照网站开发和网页制作的职业资格标准，以网页设计与制作员岗位应具备的职业技能为核心，并考虑后续课程的衔接统筹选择课程教学内容，突出职业能力培养，实现理论和实践的完善统一。
3.以“任务”为主线设计教学环节
教学全过程围绕任务（实际的网页）进行，把网页设计与制作员所需要掌握的知识点和技术要点穿插到各个任务中，教师边分析讲解、操作演示，学生边模仿操作、动手练习，真正做到讲练有机结合。这样，既可以提高学习效率，又可以激发学生的学习兴趣，进而提高学生分析问题、解决问题的实际能力，使学生能够轻松学习、自主学习。
4.通过“阶梯上升式”实践教学模式强化技能训练
“网页设计与制作”课程设置了课内实训、课外拓展、模块综合实训、项目综合实训四个阶梯上升式实训教学环节，学生通过不断实践，实现网页制作技能由点到线再到面的不断推进。而每一个实践环节，都围绕着真实任务（网站或网页）进行，最终使学生达到与网页设计与制作员职业岗位的“零距离”接触。“阶梯式上升式”实践教学模式如图1所示。
三、“网页设计与制作”课程教学内容的选取
“网页设计与制作”课程以培养学生开发网站与设计制作网页的职业能力为课程设计的主线，在课程体系与课程内容上突出“应用”、“实用”。教学中注重处理好理论知识讲授与技能素质培养之间的关系，教学重点不仅仅是使学生掌握课程所讲授的理论知识，而是侧重于培养学生实际能力与才干。
“网页设计与制作”课程按照培养技能型、应用型人才的目标，根据行业企业对网页设计人才的知识、能力、素质的需求，并考虑前导、后续课程的衔接，确定课程教学标准与教学内容，同时按照实际工作流程重新组织教学内容，使教学内容具有很强的针对性和适用性。
“网页设计与制作”课程教学内容选取流程图如图2所示：
在选定课程内容的前提下，选择Dreamweaver、Fireworks、Flash网页设计三剑客软件包分别作为网页制作、图像处理和动画制作的工具，把网页制作技能的培养转变为三种软件使用方法的学习。
四、“网页设计与制作”课程的实施
“网页设计与制作”是一门实践性很强的课程，课程的目标是培养学生网页、网站的开发设计能力、软件工具的应用能力、再学习能力和创新能力，实现与网页设计与制作员职业岗位的“零距离”接触。为了达到课程的培养目标，在教学内容的组织与安排上突出了以能力为本位的教学设计，以培养职业综合能力为基础，以胜任岗位要求为出发点，在课程的整个教学过程中采用“任务引领、学做一体”的教学模式。
教学过程均是围绕着一个个教学任务（网页案例）展开。课堂教学采用任务引领、项目（实际网站或网页）驱动，学做一体化授课，将知识点嵌入项目中进行讲解、练习、实验，使学生在“学中做、做中学”，逐步掌握所学知识，提高操作技能。
1.课程结构“模块化”
在“网页设计与制作”课程的具体实施中，为了适应网页设计与制作员职业岗位工作的需要，并考虑高职学生的认知水平和认知能力，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的模块化课程结构，将知识和技能分为网站规划、网页制作基础、网站管理、初级网页制作、图像处理、动画制作、高级网页制作、网站维护和综合实训9个模块若干个教学单元，每一个教学单元又包含若干个具体操作任务，在任务完成过程中进行教学内容的讲解。
2.课程内容随着网页制作技术的发展不断调整、更新
随着计算机技术和网络技术的发展，网页设计三剑客软件包的版本在不断更新，网页设计与制作技术也在不断升级换代，为此“网页设计与制作”课程的内容也必须根据网页制作技术发展不断地改进、更新，以适应计算机技术、网络技术的发展和社会的需要，保证学生所学的知识不过时。
3.教学环节标准化
每一个教学单元的教学都按照“任务展示”、“教师演示”、“课内实训”和“总结提高”的过程展开，体现“以学生为主体”、“以实践为核心”的教学思想。
在任务展示环节，教师首先说明本次课要完成的目标并展示本次课任务（网页）的浏览效果，让学生了解本次课的教学目标和需要完成的任务，激发学生对新知识的学习兴趣；在教师演示环节，教师逐步示范任务（网页）的制作过程，给出任务的操作方法；在课内实训环节，学生通过模仿教师完成相应任务，训练网页制作的基本技能；在总结提高环节，教师对任务完成过程中涉及的知识点和技术要点进行归纳讲解，使学生达到举一反三的目的。
4.“阶梯上升式”实践教学模式
实践教学是高职课程教学的生命线，而以“做”为特征的“网页设计与制作”课程，重视实践教学更是具有突出的意义。网页设计与制作的理论知识必须通过学生动手练习才能变成学生具备的网页制作职业技能。基于这些，形成了“课内实训、课外拓展、模块综合实训、项目综合实训”阶梯上升式的实践教学环节。这种教学模式的实施说明如表1所示。
5.采用符合高职学生认知规律的教学方法
高职层次的学生善于形象思维、动手能力强，厌学理论知识、乐学实际操作，因而最适合“做中学、学中做”。基于此采用了基于真实项目的“任务引领、学做一体”教学模式。
课程的教学过程围绕着一个个任务（网站或网页）进行，在课堂中，教师通过分析解剖一个个具体的任务，围绕一个个实际网站的构建及实现的方法，从简到繁，从易到难，引导学生制作网页，理论与实践相结合，边学边练，以练为主，最终完成实训任务，达到“课完即会、课后即能”的效果。
通过不断的探索和改进，我院“网页设计与制作”课程已经形成了“围绕一条主线，通过三个构建，实现三个目标”的教学特色：
一条主线即任务；三个构建为任务引领、学做一体化教学模式的构建，“模块化”课程结构的构建和“阶梯式”实践环节的构建。
达到三个目标，第一，素质综合化，通过任务的学习和网页设计开发，培养了学生刻苦钻研、勇于开拓的创新精神，培养了学生科学严谨、实事求是的工作态度，加深了学生团结协作、互帮互助的集体观念，全方位地提高了学生综合素质；第二，设计个性化，通过任务的学习和网页设计开发使学生的设计思想得到充分的展现，设计的作品更具有个性；第三，能力岗位化，通过任务的学习和网页设计开发让学生的能力更符合岗位的要求，实现与网页设计制作员岗位“零距离”接触。
多年的教学实践证明，在“网页设计与制作”课程中引入“任务引领、学做一体”教学模式，用任务作为教学的载体，让学生在学中做、做中学、学做一体，通过学生主动的实践、探索，使学生在获得网页设计与制作职业能力的同时，还锻炼了学生的动手能力，提高了学生分析问题和解决问题的能力，培养了学生严谨的工作态度和团结协作精神，达到了学生与网页设计与制作员职业岗位的“零距离”接触。
参考文献：
[1]李亚桂，竺辉.“任务引领型”专业课教学的实践与启示——以《建筑组合体的投影》一节课为例[J].职业，2011，（11）.
关键词：网页制作；任务驱动法；公共选修课
公共选修课作为高校课程体系的必要组成部分,在人才培养中起着优化知识结构、提升综合素质、促进个性发展等重要作用，解决公选课开设过程中存在的问题，提高教学效果，是高校教学研究的一项重要课题[1]。网页随着信息化进程的推进和互联网的迅速发展，已成为网络信息传递的载体，是人们获取信息的重要途径，掌握网页设计与制作技术已成为信息时代必备的计算机应用技能[2]。因此，“网页设计与制作”一直是高校公共选修课的热门课程，但短短30个课时，参差不齐的计算机操作能力，严重影响了“网页设计与制作”的教学效果，必须要有行之有效的教学方法来改观这一现状。
1研究背景与理论基础
1.1任务驱动教学法
任务驱动教学法是一种建立在建构主义学习理论基础上的教学法[3]，它将以往以传授知识为主的传统教学理念，转变为以解决问题、完成任务为主的多维互动式的教学理念。教师把所要讲授的知识融合在任务中，学生带着具体的任务在探索中学习。任务驱动教学模式是把再现式教学转变为探究式学习，学生在课堂中怀有更积极的学习态度，并基于自己对基础知识的理解和掌握，运用自己的方法对任务提出解决方案。教学过程教师、学生之间积极互动，教学环节以创设情境、引出任务—提出问题、分析任务—教师引导、完成任务—展示交流、评价任务，为教学流程实施教学[4]。
1.2公共选修课与专业课的比较
公共选修课是面向全校学生开设的以人文素质与科学素质教育为核心的综合素质类教育课程，开设公选课的目的是为了拓宽学生的知识面，增强学生的文化底蕴，培养学生的多种技能，以提高学生的综合素质，增强适应社会发展要求的能力[5]。因此，高校公共选修课的教学与专业课程的教学有很大的不同，生搬硬套专业课程的教学方法已不可行。首先公共选修课的学时普遍偏少，如龙岩学院定为30学时，这远比48学时、60学时甚至更多学时的专业课程少。教师要在有限的课时里把课程的精华呈现，学生要把相关的技能掌握，有着不小的难度。同一个专业的学生通过学习统一的专业选修课程，具有较为一致的专业素养，而选修课的学生差异大，不同专业的学生在知识结构、思维方式、操作水平上存在着很大的差异。选修课的学生选修课程的目的也不相同，有的为扩展自己的知识结构、提升自己的技能而来，有的为兴趣而来，也有的只是为挣学分而来，不同的学习目的产生了不同的学习动力。在良好的学习氛围中培养学生的应用能力，提升学生的专业能力和职业素养，让学生学有所获是公共选修课教师的职责所在。
2任务驱动法在“网页设计与制作”公共选修课上的教学应用
2.1因材施教，从学生实际出发安排教学内容
因材施教的概念，是朱熹在总结我国古代教育家孔子的相关思想时提出的，在现代教育中仍是一个重要的教学原则[5]。作为计算机专业的学生，在“网页设计与制作”课程前先修了高级语言程序设计、面向对象程序设计、数据结构、数据库技术、计算机网络等课程，已经具备较强的编程能力、软件开发能力、数据库设计能力和相关的平面设计的知识，可以直接开设“Web网页设计”课程。选修“网页设计与制作”的学生只具备计算机基础知识，因此教学将侧重于静态网页的制作，以目前流行的网页制作工具Dreamweaver软件为主线，介绍网页设计和制作的基本技术。为了使制作的网页更加美观，必须具备Photoshop（Fireworks）的图像处理能力和Flash的动画制作能力，然而在周学时少以及计算机知识有限的情况下，不可能把这4个软件都讲透，只能以网页制作软件Dreamweaver为主，其他软件为辅。对课程的教学内容调整为:不单独讲Photoshop和Flash这两个软件，围绕Dreamweaver软件讲解网页制作的方法和技巧，在制作图像缩略图、Logo图片、切片、按钮等环节中介绍图形处理软件Photoshop和Firework，在制作动画时介绍动画制作软件Flash[6]。对布局网页也只需教授比较简单实用的表格布局法，适当的加入JavaScript特效、CSS样式、DIV布局等内容。
2.2任务驱动法教学，提高教学质量
按照“以学生为主体，以教师为主导，以能力为本位，以任务为导向”的教学理念实施任务驱动教学全过程，实现学生对知识的主动探索、主动发现和主动构建。大致分成情境导入、分析讲解、举一反三、总结提高四个环节。教师在上课的初期，提出“网页设计与制作”最终任务——以小组为单位建设一个网站，内容可以是学校、班级、宿舍、家庭甚至是个人，以宿舍为例进行任务分解，如图1所示。学生在前期有明确的目标，激发他们的学习兴趣和积极性；具体的实现在后面的教学中逐步完成，使学生在完成分任务时找到成就感，以保持他们的学习热情，避免学习中期的懈怠现象。
2.3注重能力的培养，提高实践能力
针对非计算机专业的学生，计算机知识单薄、动手实践能力有限的现状，在机房教学是最行之有效的教学方式，这种教学环境可以实现“教”与“学”同步，“学”与“练”同步。首先教师使用“红蜘蛛”等教学软件展示本次的课堂任务，和学生一起探讨确定分解任务后，边讲解边操作。学生在自己的电脑显示屏前可以清晰地看见老师的操作流程并能“可视化”相关效果，非常直观。随后学生根据老师布置的任务进行模仿或创新，把学到的知识及时应用到实践中，此时有不会的地方可以及时请教老师或者周围的同学。老师随堂指导可以及时了解学生情况和教学效果，对存在的问题及时进行引导。较多学生有困惑的地方可以选择全体或者小组重复教学，学生掌握得较好的部分可以适当加快教学进度，最后还可以进行作品展示、互评，达到交流和提高的目的。而且机房里装有教学软件的教师机上，可以方便、快捷地讲稿、课件、上机素材等学习资源，提高教学效率。这种边讲边练的操作环境和任务驱动法教学，提高了学生解决实际问题的能力。本课程通过任务驱动教学和实践操作，使学生在任务分析、理论讲解、实例操作以及完成任务的过程中逐步掌握网页设计的一般方法和基本技能，使他们独立思考、解决实际问题的能力得到锻炼和提升。
2.4设置合理的考核机制，激励学生在实践中提升创新能力
“网页设计与制作”作为一门集理论知识和实践操作为一体的课程，传统的考核方式（笔试成绩+平时成绩）已经不能评估学生的真实水平，实践操作能力是这门课程的重要考核部分，应把实验成绩加入其中。当然对学生技能掌握进行考核的同时，也要注重“考不出”能力的考核，如学生的协作能力、创新能力、组织表达能力、信息获取能力、社会活动能力以及沟通表达能力等[7]，对于“网页设计与制作”选修的学生在机房教学，通过完成各任务的操作达到掌握该课程技能的目的，因此总成绩分成机考成绩、课程设计成绩和平时成绩，即总评成绩=机考成绩*40%+课程设计成绩*40%+平时成绩*20%，其中机考是对教学中分任务完成情况进行考核，课程设计成绩包括综合网站的设计成绩、答辩成绩和团队协作成绩，平时成绩由出勤情况和实验报告完成情况共同评定,具体情况如表1所示。
2.5实施效果分析
笔者曾多次教授“网页设计与制作”公共选修课程，学生的成绩统计如表2所示。其中，2010年秋的选修课采用传统教学，学生实践操作能力较弱，做出的作品技术含量不高、界面也较为杂乱。2014年春学期笔者开始把任务驱动法应用到“网页设计与制作”选修课上，发现学生的学习积极性和主动性明显提高，作品有技术有颜值，成绩达到优秀、良好的学生明显增加.随着教学过程的不断改进，方案实施的不断深入，教学效果越发明显。
3任务驱动教学法在公共选修课实施应注意的问题
实践证明，任务驱动教学法在“网页设计与制作”公共选修课上的应用是成功的，推广到其他公共选修课时应注意以下问题：1.任务的设置不能随意，所设任务应把所授的理论知识和相关的实践技能结合起来，在任务完成的实践中对理论知识有更深的认识。2.把握好任务分解的规模。任务太难会使选修的学生失去兴趣和动力，最终完不成任务；任务太简单，所涉知识较少，不能全面的掌握课程的内容，达不到提高课程技能的真正目的。3.解决好选修课课时少的问题。学生可以利用网络，借助当前的通讯工具延伸教学时长。如学生在完成课外任务时碰到难题，可以通过qq、微信给老师留言，教师除了可以文字解答也可以远程操作指导。比较有难度的任务教师也可以制作视频放在qq群里或者微信公众号上，让学生自行学习巩固。
4结语
在当今信息时代，网页制作成为流行的实用技能，“网页设计与制作”是高校选修课的热门课程，如何让不同层次的学生掌握该课程精髓，如何使他们真正成为网页制作高手，本文从明确教学目标、任务驱动教学和公共选修课实施该教学模式应注意的问题等进行论述，实践证明这个方案具有可操作性和典型性，对于高校公共选修课程的教学具有较大的参考价值。
参考文献:
[1]王玉玺,李智.基于任务的翻转课堂教学在高校公选课中的研究与实践[J].教育与教学研究,2015,29(4):83-87．
[2]黄婷,李伙友.《网页设计与制作》教学方法探讨[J].开封教育学院学报,2014,34(10):59-60．
[3]孙文新,杜玉红.任务驱动法在信息技术课程中任务的设计[J].深河职业技术学院学报,2008,7(2):121-122．
[4]刘霞．“任务驱动”教学法在网页制作教学中的应用与研究[D].呼和浩特:内蒙古师范大学,2011.
[5]徐光明.平面图像处理公选课教学研究[J].现代企业教育,2015,7(7):405．
[6]丁海燕．“网页设计与制作”教学实践和实验教学设计[J].云南大学学报(自然科学版),2012,34(S2):327-330．
关键词：网页制作；教学；模式；设计
中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）31-0176-02
The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"
XUE Hui， YANG Xiao-feng
（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）
Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.
Key words： web design； teaching； model； design
1 《网页制作》课程在计算机类专业课程中的地位和作用
如今网络在人们的生活中占据了越来越重要的地位，网页制作技术作为建设网站的基础技术也展现了越来越多的应用，企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课，通过该课程的学习，使学生全面建立对网站的认知，学会网页制作和网站设计的基本方法，熟悉网页制作与网站设计的基本概念和理论，掌握网页制作的操作方法和制作技巧，使学生具备设计、开发、网站的能力，加强学生的实际动手能力和解决问题的能力，为以后激烈的就业竞争打下坚实的基础[1]。
《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习，可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求，也可以解决《》课程中对网站前台界面的设计和制作需求[2]。
2 《网页制作》课程具有易于掌握、难于精通的特点
《网页制作》课程属于操作设计类计算机课程，和《计算机基础》等课程不同的是，在简单的操作背后隐藏着许多深层次的制作技术和操作技巧，学生学完课程之后，往往只掌握一些简单的操作，只懂得一些简单的技术，对于复杂的技术和深层次的制作方法一窍不通，做出的作品只能达到实习生的水平，无法达到应用型人才所需要的技术水准，无法满足企业对人才的需求[3]。
造成这种情况的原因是，《网页制作》课程涵盖内容广，技术层次深，制作技巧多，具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难，要提高教学质量，必须克服这个困难。
3 针对《网页制作》课程特点的“精讲热练”的教学模式
3.1 针对《网页制作》课程易于掌握，难于精通的困难的解决办法
1）把宝贵的课堂时间更多的用在讲授深层次的制作技巧上
《网页制作》课程总的教学时数是有限的，为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧，就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的，对于简单的操作、简单的制作方法大略讲一下就可以，而对于复杂的操作，学生难于掌握的技术可以使用更多的时间来教学。
2）由讲授和实践分开上课转变为在机房统一上课
传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授，然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔，对于简单的操作影响不大，但对于复杂的操作，学生常常就忘记了操作步骤。课堂讲授内容较多时，学生甚至会把不同功能的操作相互搞混。
为了使学生能够掌握深层次的网页制作技术，需要改变传统的教学模式，更多地采取互动模式，以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行，教师通过机房的同步授课软件讲解、演示，讲完之后学生立即练习，打破理论教学和实践操作的时间间隔，使学生通过亲自操作快速掌握相关技能。
3.2 “精讲热练”的教学模式
针对《网页制作》课程易于掌握、难于精通的特点，本文提出“精讲热练”的教学模式，与传统的教师先在多媒体教室讲授，然后学生在机房上机实践的教学模式不同，这种教学模式把讲授和实践结合在一起，统一在机房授课，如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧，对于简单的操作、简单的制作方法大略讲一下就可以，此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点，然后学生立即练习，练完后教师再讲下一块知识点，讲完之后学生再练，反复循环，循循善诱，使教师讲授和学生实践之间没有时间间隔，此为“热练”。精讲热练、趁热打铁，从而化复杂为简单，变被动为主动，使学生在教师的引导下逐步深入学习网页制作知识，掌握深层次的网页制作技巧。
这种模式的特点是以教师为中心，以学生为主体，把教师讲授和学生练习紧密结合在一起，变学生被动听讲为学生主动参与，创建交互式协作学习环境，加强师生交流和学习[5]，使学生在教师的引导下成为课堂的主人，从而有效提高教学质量。
图1 “精讲热练”教学模式与传统教学模式对比图
3.3 “精讲热练”教学模式的优点
“精讲热练”的教学模式具有以下几个优点：
1）“精讲热练”的教学模式克服了《网页制作》课程易于掌握，难于精通的困难，集中有限的课堂时间用于深层次网页制作技术的教学，能有效提高教学质量，使学生的制作水平和制作技巧达到较高的高度。
2）“精讲热练”的教学模式使教师讲授和学生练习相结合，能够充分营造学生积极参与的学习氛围，有效活跃课堂气氛，增进学生和教师之间的交流[6]，让学生在教师的引导下快速掌握网页制作技术。
3）“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授，不仅增强了对学生的视觉冲击，而且学生可以及时动手实践操作，便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合，形成立体化教学体系[11]。
3.4 “精讲热练”教学模式的教学效果
笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验，一个班采用传统教学模式，另一个班采用“精讲热练”教学模式，课堂教学效果对比如表1所示。从表中可以看出，“精讲热练”教学模式的课堂教学效果明显优于传统模式。
期末进行了总评成绩核定，总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成，其中平时成绩占10%，实践作品成绩占40%，期末考试成绩占50%，总评成绩对比如图2所示。从图中可以看到，“精讲热练”教学模式的总评成绩也明显优于传统模式。
表1 课堂教学效果对比表
[教学模式＼&课堂气氛＼&互动性＼&学生兴趣＼&逃课人数＼&传统模式＼&一般＼&弱＼&低＼&较少＼&“精讲热练”模式＼&活跃＼&强＼&高＼&极少＼&]
图2 总评成绩对比图
4 总结
“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握，难于精通的困难，带动课堂气氛，提高学生参与学习的主动性，帮助学生掌握深层次的操作方法和制作技巧，能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程，在课堂教学上起到示范带动作用，改善计算机教学的教学氛围和教学效果，慧及更多教师及学生。
参考文献：
[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.
[2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛， 2010（35）.
[3] 张辉. 网页制作类课程的教学改革与实践――"先整体、后切分、再拼合"的新型教学法[J]. 佳木斯教育学院学报， 2010（5）.
[4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育， 2014（14）.
[5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报， 2010，29（9）.
[6] 张洪星，褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业， 2007（2）. （下转第179页）
（上接第177页）
[7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报， 2013（5）.
[8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报（自然科学版）， 2014，23（2）.
[9] 韩勇. 案例驱动教学法在《网页制作》课程分阶段教学中的运用[J]. 电脑与信息技术， 2010，18（4）.
关键词：网页制作；教学设计
中图分类号：TP393.09
随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。
1 教材分析与教学对象分析
1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。
1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。
2 《网页制作》课程教学设计的思路
从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体――一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。
课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。
3 教学目标的设定
3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。
3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。
3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。
4 教学重点、难点的设定
教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。
5 设计教学过程
5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局――“国字型”并分析其网页元素；2）万州一家企业网页布局――“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局―――“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。
5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素――文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。
5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。
6 设计考核方式
网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。
7 结束语
网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。
参考文献：
[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.
[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.
【关键词】 网页设计与制作 教学改革 教学方法
随着信息技术的飞速发展，网络已成为人们相互交流和获取信息的又一重要手段，为此互联网上出现了形形的各种网站，无论是企事业单位的门户网站还是个人的博客等都成为人们自我展示和交流互动的平台，这一平台的基本构成元素就是一个个网页。因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践 能力和自学能力。
1 教学方法的探讨
网页制作是一门实践性和操作性非常强的课程，通过几轮的教学，我认为在这门课程的教学中不能采用传统的教学方法，而是要努力提高学生的综合应用能力和创新能力，加强学生的实践动手能力，为此我采用课堂讲解及案例分析法、项目教学法、案例录像演示、阶段实训，综合实训的教学方法。做到学以致用，以“用”促学，边“用”边学，突出“教，学，做”一体化的教育理念。
1.1 案例教学法
要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，教师在上课的过程中，一定要精心设计案例，充分利用互联网上的资源，搜索学生感兴趣而且水平较高的网站作为案例，并能结合课程教学的需要将知识点融于其中，不仅起到教的作用，更要在其过程中，激发学生内在的动力，因为学生在刚刚接触网页设计这门课程时，没有网页设计的思路和方法，即使是做一个简单的个人主页，学生都会觉得无从下手。我们必须通过模仿一些精美的案例，让学生来了解网站建设的方法和流程，模仿他人的网站，从网站的配色到网站的布局、网站的内容结构等都可以模仿，这样就可以将在模仿他人网页中学到的知识结合到自己的创造中来。
1.2 项目教学法
在教学过程中，为了达到对网页制作知识和技能的系统掌握和知识整合，综合提升学生能力，倡导将教学结果作为项目内容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校外实训基地建设，以满足本课程真实工作任务下的教学。
以企业对于岗位的需求为起点，把企业的实际环境引入到教学环境中去，并将两者有机地结合在一起，对具体项目的参与和剖析，非常有利于学生对知识架构的整体把握。不同能力的学生分别承担相应的任务，能力强的学生可以适当地承担核心任务的开发。项目教学法可以充分发挥学生的主观能动性，极大地提高了具体层面的操作能力，培养了团队合作意识，同时帮助他们学会如何更好地对问题进行发现、分析、解决。
1.3 屏幕录像演示法
针对职业院校的学生。程度参差不齐，对于接收能力较差的同学，制作案例的过程，无法做到一次全部领悟，教师可以采用边讲解边录像的方法，学生课下可以参照录像回顾教师讲解的知识点，完成本课基本案例的制作。在此基础上以达到独立完成拓展案例的制作，以此来锻炼学生的综合应用能力和分析问题、解决问题能力，提高学生的综合素质。
1.4 阶段实训法
定期给学生一些虚拟项目作为课程设计，培养学生单独规范的做项目的能力及网站设计的综合能力，在设计中注意引导学生提高审美能力，强调技术与艺术的融合，将网页作品当作一份具有生命力的艺术品。教师指导学生实施具体项目，引导学生解决问题，项目完成后，学生之间先进行自评，互评，最后教师点评，并把优秀作品向全体学生加以展示，以激发学生学习兴趣、形成持久学习动力，提升自主学习能力。
2 考核、评价方法的改变
网页制作课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力。对于网页这门课程，我认为比较合理的评价方法应该是平时的作业占40%，阶段实训占20%，期末考试占40%，平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况，阶段实训可以考核学生的学习情况，要求在考试时间内完成题目。对于期末考试，应该以要求学生设计一个完整的网站来结束本课程，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。
3 职业资格考试的推广
《网页制作》是全国职业院校计算机技能竞赛的项目之一，在教学过程中教师就要不断反思，不断地总结经验教训，和企业保持紧密联系，了解企业最新的技术和方法，使学生能够真正掌握这门技术。鼓励学生参加每年进行“网页制作”和“三维动画设计师”的职业资格培训和职业技能鉴定考试，为学生就业开辟了通道。
在《网页设计与制作》这一典型的技能实践类课程教学中，教学方法改革十分重要，要求充分发挥学生的主管能动性，通过师生之间、学生之间的互相学习、讲座和交流实现相互促进和技能的提高。通过教学方法改革，激发学生积极性和主动性，同时通过师生间的交流及时发现学生学习中和教师教学中存在的一系列问题，及时总结经验，提高教学和学习质量，在促进学生个性发展的同时，亦可提高教师的教学技能。
参考文献：
[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化，2008（3）.
[2]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008（4）.
该文介绍了《网页设计与制作》项目化教学思路和方法，从设计理念与思路、对计应相关专业建设与发展的定位与作用、课程内容的针对性与适用性、教学内容的组织与安排、教学模式的设计与创新、实践教学条件的建设与使用等6个方面进行了设计与分析，为学生较好地掌握知识及快速适应工作岗位需求进行了一些思考和探索。
关键词：
高职院校;网页设计;项目化课程;开发实践
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1设计理念与思路
该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。
5教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
7结语
探究式教学模式自主学习网页设计一、关于探究式教学模式
探究式教学模式是指在教学过程中，学生在教师指导下，通过以“自主、探究、合作”为特征的学习方式对教学内容中的主要知识点进行自主学习、深入探究并进行小组合作交流，从而较好地达到学习目标要求的一种教学模式。探究式教学模式通常包括以下五个教学环节：
（1）创设情境。探究式模式的教学是围绕课程中的某个知识点而展开。教师根据教学目标的要求和教学的进度来确定问题，教师通过问题、任务等多种形式，创设与学习对象相关的学习情境，引导学生进入目标知识与技能的学习。
（2）启发思考。学习对象确定后，教师向全班学生提出若干富有启发性、能引起学生深入思考、并与当前学习对象密切相关的问题，以便全班学生带着这些问题去探究。
（3）自主（或小组）探究式。采用“自主、探究、合作”的学习方式，在教学过程中要特别强调学生的自主学习和自主探究，以及在此基础上实施的小组合作学习活动。可以通过让学生上网查找资料或者学习平台、软件帮助文档等来达到促进学生自主探究的目的，学习并理解相关知识，学会相关技能操作，学会借助信息技术进行学习。
（4）协作交流。学生在经过自主探究、积极思考后，在教师的组织、协调、引导下进行协作交流，对学生自主学习过程中的问题展开讨论与交流，解决自主探究过程中遇到的问题。
（5）总结提高。教师引导学生对问题进行回答与总结，对学习成果进行分析归纳，并可联系实际，对当前知识点进行深化、迁移与提高。
二、网页设计与制作课程《初识Dreamweaver CS5》单元探究式教学实施
在网页设计与制作课程中，基于开放网络及学习平台，尝试采用自主学习探究式教学，可以充分调动学生学习的积极性，取得了较好的教学效果。针对《初识Dreamweaver CS5》单元的教学，具体设计思路如下。
任务1：了解网页制作的基本概念。教师通过引导学生观察“旅游南京”网页，提出问题：什么是网页制作？组成网页的基本元素有哪些？然后引导学生通过上网查阅相关资料、在学习平台中进行自主学习，再通过讨论，总结提炼网页制作的基本概念及组成网页的基本元素，锻炼了学生利用网络进行信息检索、利用学习平台进行自主学习，以及合作观察和总结提炼的能力，利用信息化手段使学生迅速学习并理解相关概念。
任务2：Dreamweaver CS5窗口的组成及其作用。教师引导学生利用学习平台、Dreamweaver CS5软件帮助文档、开放网络等信息化环境，自主学生软件窗口的组成部分，边学习边操作。然后通过部分同学配合讲解的操作，向全班同学进行展示，同学讨论、教师进行点评。在此过程中，教师做过程性评价，鼓励同学积极发言展示操作。
任务3：创建并管理站点。通过观看学习平台中视频、软件帮助文档、操作提示步骤等，让学生自主探索创建站点的方法，再让部分同学向全班展示讲解操作方法，通过全班讨论、教师点评，使学生理解相关概念或理论，再通过同学修正操作中的错误，或进一步练习，强化站点操作，会独立进行站点创建的操作。再在教师引导下，通过进一步的自主学习及练习，会对站点进行删除、复制、修改、导出与导入操作，学会管理站点。在此过程中，教师做过程性评价，鼓励学生积极发言展示操作，鼓励学生积极参与讨论与互助辅导。
任务4：完成旅游南京首页制作。通过观看学习平台中视频、操作提示步骤等，让学生自主探索完成“旅游南京”网站首页制作，通过操作，体验网页制作的流程与方法。在此过程中，教师关注学生操作情况，对共性问题通过演示操作，进行过程性点评讲解，并通过对学生提交后作品的展示点评，进行终结性评价。
最后，通过单元总结，师生共同总结本单元重点内容；再通过通过学习平台中的考核内容，测试自己理论知识的掌握情况；然后布置学生课后修正作品中的问题，完善网站内容，课后利用开放网络，找一找，还有哪些工具可以制作网页？以拓展学生学习内容与学习视野，再让学生预习下一个项目内容。
三、网页设计与制作课程探究式教学模式实施效果
网页设计与制作课程等计算机操作类课程是实践性很强的课程，学生必须通过亲自操作来掌握操作技能、理解相关理论。学生通过探究学习，自主学习能力得到很大提高；通过探究学习、自主完成项目任务，学习成就感得到满足，激发了学生的学习兴趣，专业学习热情高；通过探究学习展示讨论，培养了学生合作精神与表达能力。整个课程教学结束后，再通过课程设计的方式，巩固加强学生对知识的内化与灵活运用能力，学生对课程内容记忆深刻，为后继其他专业课程的学习奠定了扎实的基础。
总之，探究式教学模式不仅可以深入地达到对知识技能的理解与掌握，更有利于创新思维与创新能力的形成与发展，也有利于创新人才的培养。信息技术在现今教学环境中也是支持自主学习探究的重要条件，开放网络及学习平台能够提供大量资源和交流的空间，为自主学习探究式教学模式实施提供了保障。
参考文献：
【关键词】计算机教学；实践；目标
【中图分类号】TP391.41 【文献标识码】A 【文章编号】1672-5158（2012）11-0264-01
一、提高学生的学习兴趣
学习任何一门课程之前，首先应该让学生对所要学习的课程感兴趣，如果第一节课不感兴趣，可能会导致对以后有意思的内容也忽略了。总之，第一节课要抓住学生对这门课不熟悉而兴趣盎然的机会，提高学生的学习兴趣。
二、明确目标，完成任务
每节课都给出具体的教学目标和知识点，让学生在一个个典型的实例下展开学习。引导学生由浅人深、由易到难、循序渐进地完成一系列的学习任务。在完成任务的过程中，培养学生分析问题、解决问题以及用计算机处理信息的能力。如该课程的技能目标是：“能够综合运用网页制作三剑客软件独立制作+网站”。可以让学生找出自己感兴趣的网站，然后让学生对感兴趣的网站进行临摹，完成教学任务。
三、目标分解
在目标明确的基础上，把总目标分解成为一个个小的目标，进行知识点细化。如该目标涉及的知识点有：
1、网站设计，开发流程
一般先让学生上网进行观察，然后以书面形式，总结一下不同网站的特点。再根据自己的兴趣和爱好，收集资料、设计版面，完成网站的设计工作。
2、网页制作三剑客系列操作使用
网页制作软件一般有DreamWeaver MX 2004、动画制作软件FlashMX 2004、图形图像处理软件FireWorks MX 2004等。例如，网页制作软件DreamWeaver，讲解模板时一般学生都能根据所学知识制作一个简单网页。可以提示学生，如果想制作多个主题一致的页面时，怎样可以节省时间？那么采用模板是最简单快捷的。讲授动画制作软件Flash时，每节课都先把制作结果演示给学生，“飞翔的文字”、“淡入淡出”、“鼠标跟随特效”等等来说明它的应用，然后再带领学生具体去实现它。
3、其它软件的使用
PhotoShop7.0图形图像处理软件可能在以前的学期开设过，所以可以省下FireWorks MX 2004的教学工作，用节省的时间来完成精彩网页的制作。用FrontPage2003这个软件也可以制作相当精彩的网页。比较难的就是用记事本编写HTML代码，这个可以在以）～ASP动态网页制作加强练习。
四、依靠现代化教学手段
通过多媒体教学系统，在教学过程中将教师计算机的屏幕同步传到学生的计算机屏幕上，将整个操作过程展示在学生计算机的屏幕上，使学生得到直观感受，快速掌握操作步骤，从而提高教学效果。这个过程不要时间太长，否则会使学生忘记前段所讲内容。学生上机练习时，教师随时观察并辅导每位学生的上机情况。
五、培养学生创新能力
信息技术学科发展迅猛，单单靠教师的课堂传授是远远不够的，利用网络资源共享让学生能自己搜寻资料，判断信息的价值，通过掌握几个有代表性的软件，能举一反三，触类旁通，提高自主学习能力。在学习告一段落时，加入一个综合性的大任务，集中体现前面所学的知识。可用课程设计的形式让学生独立完成与课程核心相关的项目，进一步培养学生独立操作的技能，达到教学目标。例如，本课程可让学生为某单位设计一个网站或制作个人站点，然后将站点传到免费空间上申请免费的空间，如果有条件可自建服务器，进行作品的讨论，交流作品。本课程可以没有期末考试，采取学生与学生之间互相评分，综合成绩之后，做为期末的分数。这样做的结果不但可以使学生找到自己站点上的优缺点，还可以通过互相评分，找出别人站点上的特色，以便在以后的工作中学以致用，还可以使学生们在相互交流中不断增长知识技能，进一步培养学生的协作精神。
六、注意因材施教
教学中要注意学生特点和知识接受能力的差异现在有些学生从小就进行过计算机应用的学习，而有些学生没有接触过计算机，这样我们不能让走在前面的学生原地踏步，无所事事，浪费时间和精力；也不能让后面的学生失去信心，放弃努力。为了调动每一位学生的学习的兴趣，计算机课堂教学尤其需要因材施教，采用合适的教学方法，利用不同的方式组织教学，至关重要。学有余力的同学，在完成任务后，可深入学习其它知识；基础较差的同学，也可以循序渐进地学习，教师也可花较多的时间用以辅导后进同学，既保证了课堂容量，又提高了课堂效率，更主要是可以促进学生的学习主动性、积极性、创造性。
七、牢固掌握学过的知识
建构主义理论指导下的课堂教学
笔者从建构主义教学观和教学实践出发，设计出了一套符合这门学科特点的教学与管理模式：把整个教学过程分成三个阶段，全部在计算机教室开展，针对不同的教学内容和教学环节采用不同的教学方式，边讲边练，即案例引导教学阶段、任务驱动实践阶段和项目合作课程设计阶段，如图1所示。这三个阶段中教师是引导者，学生是知识的构建者。教师与学生之间，学生相互之间必须密切配合［4］1.展示效果。课堂上，首先把与本节知识内容相关的案例效果及功能展示给学生，通过素材和网页效果的对比，激发学生的想象能力。2.分析操作任务。在教师的引导下，对案例进行模块化分析。分析案例时一般包括两个方面：一个是利用以往知识可以处理的效果；另一个是本次教学内容处理的效果。分析案例的目的在于温习以往知识和引出本节课教学知识点。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强文科专业学生的实践动手能力。3.知识讲解与操作示范。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。教师要实际操作案例，在操作过程中把以往的知识点简单回顾，并着重介绍新知识点，即讲述相关理论知识。把书本上的相关知识通过案例的形式直接展示给学生，学生不但容易理解理论内容，同时，也了解知识的实际用途。4.课堂同步实践。理论与实践交融，知识与感悟同步。学生真正掌握技术在于自己是否能够独立完成实践操作，在学生实际操作的过程中，教师应从旁指导、及时纠正，学生只有在依靠自我的力量去解决学习问题的过程中获得了成功的体验，才能进一步激发他们的学习热情。5.课程设计。学生结合所学网页设计制作知识与自己的兴趣或擅长等自拟主题，制作出符合一定要求的网站。每个项目小组由4到5人组成，推选出项目经理，负责小组的项目策划和成员分工。通过讨论、交流与合作，小组成员各尽所能，取长补短，共同完成任务。这样，既调动了学生的积极性，实践了所学的知识，又培养了团结协作的能力。将课程设计记入学生的平时成绩，从而给学生在该课程的学习上施加一定的压力，促进其更好地学习。6.归纳总结。教师对学生的操作表现做出讲评，对学生在网页设计中的共性问题进行纠正，不断规范学生的网页设计。并与学生共同详细讨论和总结案例中所用到的理论知识和操作技巧。表扬其优点，指出其错误，可以巩固教学效果，弥补学习漏洞，并有助于学生之间的学习交流。教师以“案例”引路，引导学生边学边练，以“任务”驱动自主完成学习任务。以“项目”促进理论知识与实际操作结合。教师的“教”与学生的“学”围绕一个目标，学生充分发挥自己学习主动性和创造性，多种教学方法结合不但解决了课时少、知识点多、实效差、与实践应用相脱离等问题，而且还充分调动了学生学习的积极性，使学习过程成为一个人人参与的创造性实践活动，更好地培养了学生创造性思维和发现问题、解决问题的能力［5］。
考核与评价方式
采用课程设计与上机考试结合的考核方式，上机考试从题库中按出题方案组出若干数量试卷，每位学生随机抽取其中一套进行考试。“网页设计与制作”这门课程对于制作网页的基础理论和实际操作能力都有比较全面的要求，所以考试当中应当兼顾这两个方面，理论部分注重学生对网页制作基本知识、基本理论的掌握，采用选择、判断等客观题的方式进行，为学生进一步的学习夯实基础。实践部分要求学生利用给定素材，包括考题所需的图片、背景和其他辅助图片、相关考题内容的文字资料、考题要求等，完成规定技术要求的网站创意设计与制作。一个好的考核方式不仅有利于全面真实地反映学生的学习水平，而且有利于反映教学中的问题，以便教师能够及时作出相应调整［6］。
