网页制作课程设计总结汇总十篇

序论：好文章的创作是一个不断探索和完善的过程，我们为您推荐十篇网页制作课程设计总结范例，希望它们能助您一臂之力，提升您的阅读品质，带来更深刻的阅读感受。

篇（1）

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0228-01

在国家示范性职业学院的基础上，围绕计算机网络技术产业对技能型人才的需要，以校企共建为载体，实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准，深化课程改革，探索了应用基于工作过程理实一体化教学的课程体系设计。

一、职业岗位分析

由行业、企业、专业骨干教师组建专业建设指导委员会，调研产业集群，对职业岗位技能需求情况进行分析，确定职业岗位核心能力，按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析，并对一些网站建设类企业的职业岗位调研，确定本课程职业岗位为网页设计与制作员、网站管理员。

二、确定职业岗位核心能力

分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位，要求了解网站的开发流程，熟练使用网页设计软件编辑与制作网页；能够合理布局网页。

三、课程教学目标

课程的教学目标，体现与职业岗位的无缝对接。改变知识点集合式的教学目标，结合职业岗位技能加入到教学目标中，将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力，以适应职业岗位的要求。

（一）知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标，使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素；强化网页美化与修饰的技能，会使用行为和特效修饰网页；掌握CCS层叠样式表的使用；掌握网站新闻和图片的更新等日常管理与维护技巧。（二）操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能；灵活运用所学网页制作工具的能力；对页面细节的调节技能；合理运用模板与库等工具，优化网页制作的过程；提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力；主动学习的能力。（三）职业素质目标。培养学生具有良好的职业道德与敬业精神；培养学生的沟通能力和团队协作精神，具有组织、计划、协调与协作能力；培养学具有良好的心理素质和克服困难的能力，具有分析问题、解决问题的能力，具有较强的沟通和交流能力。

四、课程教学内容

（一）课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则，参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计，体现贴合职业岗位技能需求，模拟实际工作过程的课程设计理念，以企业真实网站设计项目为载体组织教学内容，采用基于工作过程的任务驱动教学方法和手段进行实施。（二）分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析，将网页制作这一工作岗位需要的技能总结为，用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。（三）课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先，选取知识技能覆盖面广，项目过程完整的企业项目。然后根据学生的认知过程，将网页制作职业岗位所需的技能进行分解，嵌入到网页制作的项目中。最后，将整个项目划分成教学任务。

五、课程的教学实施

（一）建立任务情境。教师首先布置本节课程要完成的教学任务，要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时，教师首先将完整的任务网站展示给学生，告知学生学习后能取得的成果，激发他们学习的热情，同时引导学生思考如何利用这样的平台制作自己的网页，由此确定课程的总体任务――建设一个完整网站。（二）分析任务提出问题。在每一教学单元之前，先提出本单元要完成的网页制作任务，提出之后，先让学生对任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题。其中，一些问题较为浅显的问题，学生通过主动学习就能解决；另一些是任务中包含的新知识点中的难点，学生要通过认真的研究、分析才能解决，强化学生独立解决问题的能力，培养学生从新的角度去看旧问题，丰富学生的创造性和想象力。（三）学生完成任务。探索研究问题提出后，教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识，通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识，并将所学知识融会贯通。（四）任务评价与总结。在整个任务完成后，教师对学生的完成情况进行总结，强调普遍出现的问题或错误，演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度，解决问题的能力和创造性的发挥以及获取的知识的情况进行监督，对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导，做到因材施教。

六、考核方法

主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况，占总成绩的30%；以及在完成过程中的表现情况，占总成绩10%；期末考核采用笔试、上机操作与作品相结合的方式，每个部分各占总成绩的20%。

篇（2）

公共选修课作为高校课程体系的必要组成部分,在人才培养中起着优化知识结构、提升综合素质、促进个性发展等重要作用，解决公选课开设过程中存在的问题，提高教学效果，是高校教学研究的一项重要课题[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．

篇（3）

随着信息技术的飞速发展，信息技术作为一种认知工具，它具有强大的教育教学功能，它的研究和应用给高职教育教学工作带来诸多变化。笔者在《网页制作》课程中利用信息技术对项目化教学进行了具体而全面的实施。最终实践结果显示：利用信息技术手段提供的展示平台能够促进学生的自主学习与交流，达到了预期的教学效果，成效较为显著。

一、《网页制作》课程设计思路

《网页制作》课程根据 “前程无忧”、“智联招聘”、“贤士榜”等专业招聘网站及招聘企业中对相关的职业岗位及岗位核心能力分析，结合ACAA认证网页设计师的考证要求，提炼出与本课程相关的职业岗位及岗位核心技能，并按照范的网站开发流程，将课程分为网站规划和准备、网站站点创建、网站制作、网站测试与、网站综合实训五个项目。

二、信息技术在《网页制作》项目化教学中的应用

在教学过程中，课程项目分解出来的案例或任务，来源于企业的实际开发，从企业实际应用中分解出一个个通用、典型、实用的小模块作为讲解案例或练习任务，以利于提高学生的岗位实践能力和适应能力。以《网页制作》课程项目三网站制作中的子任务网页布局为例，子任务主要分为四部分内容：资讯、计划与决策、实施、检查与评价。

资讯：

教师通过翻转课堂重新调整课堂内外的时间，让学生成为学习的主人，调动学生学习的积极性、主动性，增加学生对知识的感性认识，培养学生分析问题、解决问题的能力。学生通过课外时间观看微课学习网页布局的基础知识、了解表格、DIV标签、AP DIV及CSS的概念，掌握创建和编辑表格的方法，掌握创建和编辑DIV标签级AP DIV的方法。课堂上教师利用多媒体创设现实情景，激发学生主体参与的兴趣。通过情景引入――**房地产有限公司是一家专业从事房地产开发与经营的公司，为全方位展示公司形象和实力，更好地宣传推广公司工程案例，特委托**传媒有限公司为其制作公司网站。教师扮演客户，学生扮演项目组成员。客户提出需求，项目组在网站建设前与客户交流，确定网站的定位、风格、栏目及功能模块，在Dreamweaver中使用表格布局或Div+CSS布局方式制作网站。

计划与决策：

各项目组根据任务要求进行讨论，确定具体的工作任务和工作流程，并对具体的工作进行分工处理，包括网站的定位、风格、栏目、布局、技术等，然后制定计划书。讨论结束后，教师适当引导，并总结观点。

实施：

各项目组围绕制作房地产网站的主题，按照计划书有步骤地进行，及时交流和讨论设计过程中出现问题，在交流、讨论之后达成共识，共同完成房地产网站的制作。项目组如出现疑难问题，讨论后无法解决，教师利用信息技术环境下的网络课堂教学，如极域电子教室软件、E-mail、QQ、微信等交流工具，充分与学生进行交流，掌握各项目组的实施情况，提供针对性的辅导，总结小组讨论后的成果，并给出解决方法。

检查与评价：

各项目组推选代表通过极域电子教室软件展示本组的网站成果，具体包括设计定位、功能模块、技术手法等内容，自评网站的优缺点。各项目组从网站的布局、功能、内容等方面互评网站，最后教师结合各项目组的综合表现和网站布局的制作情况，分析该项目制作成果的合理性，给出中肯的意见和建议。通过本项目的学习，使学生掌握网页布局的基本知识和方法，并能使用表格布局和Div+CSS布局方式制作企业宣传型网站。

三、结语

与传统教学模式即老师讲，学生听相比，项目组合作学习的教学模式是让学生以小组的形式参与交流、讨论，从中感受交流带来的快乐，分享合作的愉悦。整个教学过程中，以微课形式播放网页布局的方式及优秀网页赏析的视频，增加了学生的视觉效果，通过项目组积极合作，共同制定计划，完成项目任务。

教师通过交流工具与学生交流，针对性的辅导。通过极域电子教室软件展示项目成果，采用项目组自评、项目组互评和教师评价三管齐下的策略，从网站的主题、技术性、艺术性等方面对网站进行评价，激发了学生的学习兴趣，提高了学生的动手能力和对实际问题的解决能力。

篇（4）

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）05-1249-02

1 开设该课程的必要性

1.1 就业的需求

电子商务专业自设立以来，经历了互联网经济从无到有、从泡沫到低迷再到普及的全过程，做为一个并不年轻的专业，关于课程改革的争论也从未停止过。关于电子商务是偏重于商务知识还是偏重于学习计算机专业技术，作者的看法是计算机技术的学习仍然不可被削弱。传统营销类专业对商务行业的学生培养已经够多了，再在电子商务里过分强调商业知识的学习显然于专业设定的角度上存在不小的问题，再者相当多的传统经济手段比如网络营销、网上结算等方面已经离不开互联网的支持了，尤其最近几年，围绕互联网经济产业的就业群体虽然不断扩大，但是毕业生的总体素质却流露出略有下降的特点，企业的要求，应届毕业生少有符合要求的表现。这正是由于过于偏重于理论知识的学习，很多学生实际工作能力接近于零，坦白说当下毕业生会用办公软件的都是少数。

1.2 课程设置的落后性

由于互联网技术的发展速度日新月异，学校设置的课程总是偏向于“当下”，而没有着眼于“未来”，往往体现出某种程度上的落伍感，在学生还没毕业的时候，往往课程内容已经过时，用不上了。这种学校学习与未来毕业就业的“断档”现象还会继续持续相当长的时间。本门课程作为一个课程改革的试点，进行了与未来接轨的教育模式方面的探索。

电子商务专业历来注重计算机网页技术的课程学习，每个院校几乎都将其设置为核心课程。作为就业方向之一，电子商务专业每年都能向社会输出一定数量的网页制作、维护专门人才。电子商务专业的特点决定其在网页制作的学习中更偏重前段设计。现今的网页制作课程几乎都是在HTML4网页标准基础上进行的学习，而该标准是上个世纪90年代末期制定的，一定程度上已经落后于科技的发展。很多学生毕业就陷入在了不停学习新知识的漩涡中，久而久之很多都放弃并转行了。虽然最新的HTML5标准部分内容尚在制定中，但是其很多已经定义成熟的语义标签已经被很多主流浏览器全面支持（非100%完全支持）。在信息时代，我们在教学活动中对学生的培养应该着重于学生未来毕业所需，不能仅仅停留在基础理论的讲述和相对落后的相关知识内容的传授上。

本门课程应传授学生HTML5的入门知识，同步网页设计科技的新趋势，让学生在就业中“跟得上、学得快”。

2 新课程在知识结构中的位置

电子商务计算机方面的课程主要分为两个方面：培养学生的日常办公能力和应用互联网络的一般技能。其中，日常办公能力主要由办公软件、网络工具的运用等组成；网络基础知识则包含了计算机网络基础知识和网页设计与制作等课程。在课程结构上，网页制作和图像处理基础知识位于网页制作技术的最底端，包含了进行单个网页制作的基础内容、对网页或广告中的图像的添加、处理和修改等等内容。在网页制作课程的基础授课内容中，已经可以涉及到部分简单的HTML4标准的语义标签了，因此可以方便接续HTML5升级后的语义标签进行知识拓展。

网站建设课程为偏重编写程序的递进知识内容，将HTML5的内容放置在其前面，正好可以针对HTML语义新标签进行新知识的升级讲解，实现环环相扣的递进关系。

在现有的知识框架中进行一定程度的调整和升级，符合渐进式课程改革的方式。HTML5新标准课程从知识体系上与网页设计与制作相接续，后延课程可以包括javascript脚本知识、动态网页制作知识等递进知识。由于其技术类课程的特点，适合采用集中授课的方式进行讲授，建议将其设置为“实验”或“实训”等类型的课程，学时设置在28～36左右。

为了提高课程的知识含量，本课程可涉及部分AJAX知识作为拓展学习内容，可引导基础牢靠、理解能力强的部分学生进行深入学习。

3 授课方式方法

本门课程侧重动手实践能力的培养，可采用循环授课的方式来逐渐巩固学生的基础。

第一轮的学习中，以跟随教师同步操作完成一个成型的网页页面为核心，在该过程中，尽量包括足够的HTML5的相关知识点，但不对知识点做过于详细的解释，主要以“能用”为主，在后面的学习中再慢慢过渡到“会用”的程度。第二轮的学习中，逐步减少对新增知识点的学习，转而对已有知识的综合运用上去，以巩固其基础。

第三轮的学习采取较为开放性的方式，引导学生利用已有知识进行网页页面布局，教师可作为辅助指导。在学生遇到较大障碍的时候，对学生尚不理解的知识进行部分讲解和指导，引导学生查找相关资料，从而促进其“持续学习”。

4 授课知识框架参考

4.1 基础知识讲解与运用（目的教学法）

实践经验证明，阻碍学生学习的重要问题之一就是没有目的的学习，因此在课程设计中必须详细的制定学习目标、进度和学习考核制度。对电子商务专业的学生来说，本阶段课程设计偏重于实践，侧重于“完成”而不是“融会”。从一开始注重挑选代码量少，知识点少的小实例来完成，并鼓励学生进行小范围的修改来达到举一反三的效果。从人的认知规律来总结，作者认为人往往通过已有知识和信息来理解新知识，可以起名叫“经验推导原则”。在新课程授课设计时要尽可能的多涉及到HTML4传统标签与HTML5新语义标签之间的互用，通过对HTML4旧标准的标签与HTML5新标签之间的对比，来达到承上启下的作用。

框架结构知识参考如下：

4.1.1页面外观设计为重

偏重于视觉效果较突出的内容来设置课程，以提高学生的积极性。此处尽量利用纯CSS来制作页面的配色、表现效果等。同时对于音视频的添加涉及格式确定和转换的问题，此处涉及到多媒体格式的新标准，需要加入到学习中去。

4.1.2对浏览器的不同支持

IE浏览器9.0以前的版本对很多HTML5语义并不支持，需要依赖别的方法（javascript脚本）来实现支持。关于这个知识点由于涉及内容较多，不易掌握，可以先考虑通过其他浏览器（如chrome）来实现HTML5的效果，然后再在知识讲解中来实现IE浏览器中相对应的表现效果。

4.1.3新表单的学习

关于HTML5新表单要多涉及，由于表单主要用于网页程序与用户的交互，因此要作为一个较为重要的方面去做课程设计。由于越来越多的网站采用异步传输方式来减少用户的等待过程，因此适当引入AJAX部分内容的基础学习，可提供给有余力的学生自学，作为一个有益的拓展。

4.2 开始进行核心知识的讲解

此处可适当加深内容，但是不可一味追求难度。可以进行阶梯式步进学习，对复杂知识以多个小实例来带动学习（比如对流式布局的讲解，可以先例举网页中标签的BLOCK显示效果实现，过渡到两个BLOCK块的浮动显示，接续制作一个自动扩充的导航条，再到整个网页页面的流动布局讲解，如此则更加具备授课结构的逻辑性）。

教师授课过程中，要适时记录学生学习的状态，不断在框架内进行授课内容和方法的小范围调整，不可贪多求快，也不可过分拖拉。教师可引导学生进行自我学习，提升其理解能力。

4.3 放开手脚

第三轮授课要少讲、多练，让学生多动手制作，实现自己想法。给定学生一个大致的方向，根据这个方向来自我发挥，制作个人网页的布局设计，以此来摆脱传统方式的“你讲我记”的教学方式。要更注重灵活性。该阶段要求教师设计课程框架结构完整、具有较为全面的知识面和快速学习、快速理解等能力。

5 课程考核方式

本课程的考核可采取累加式考核，对三轮授课进行分别考核，然后汇总。

考核表格设计：

[第一轮得分＼&第二轮得分＼&第三轮得分＼&基础知识＼&＼&基础知识＼&＼&基础知识＼&＼&完成效果＼&＼&完成效果＼&＼&完成效果＼&＼&]

根据学生三轮表现生成图表，对考核学生成绩也较为直观。

篇（5）

随着信息技术的飞速发展，网络已成为人们相互交流和获取信息的又一重要手段，为此互联网上出现了形形的各种网站，无论是企事业单位的门户网站还是个人的博客等都成为人们自我展示和交流互动的平台，这一平台的基本构成元素就是一个个网页。因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践 能力和自学能力。

1 教学方法的探讨

网页制作是一门实践性和操作性非常强的课程，通过几轮的教学，我认为在这门课程的教学中不能采用传统的教学方法，而是要努力提高学生的综合应用能力和创新能力，加强学生的实践动手能力，为此我采用课堂讲解及案例分析法、项目教学法、案例录像演示、阶段实训，综合实训的教学方法。做到学以致用，以“用”促学，边“用”边学，突出“教，学，做”一体化的教育理念。

1.1 案例教学法

要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，教师在上课的过程中，一定要精心设计案例，充分利用互联网上的资源，搜索学生感兴趣而且水平较高的网站作为案例，并能结合课程教学的需要将知识点融于其中，不仅起到教的作用，更要在其过程中，激发学生内在的动力，因为学生在刚刚接触网页设计这门课程时，没有网页设计的思路和方法，即使是做一个简单的个人主页，学生都会觉得无从下手。我们必须通过模仿一些精美的案例，让学生来了解网站建设的方法和流程，模仿他人的网站，从网站的配色到网站的布局、网站的内容结构等都可以模仿，这样就可以将在模仿他人网页中学到的知识结合到自己的创造中来。

1.2 项目教学法

在教学过程中，为了达到对网页制作知识和技能的系统掌握和知识整合，综合提升学生能力，倡导将教学结果作为项目内容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校外实训基地建设，以满足本课程真实工作任务下的教学。

以企业对于岗位的需求为起点，把企业的实际环境引入到教学环境中去，并将两者有机地结合在一起，对具体项目的参与和剖析，非常有利于学生对知识架构的整体把握。不同能力的学生分别承担相应的任务，能力强的学生可以适当地承担核心任务的开发。项目教学法可以充分发挥学生的主观能动性，极大地提高了具体层面的操作能力，培养了团队合作意识，同时帮助他们学会如何更好地对问题进行发现、分析、解决。

1.3 屏幕录像演示法

针对职业院校的学生。程度参差不齐，对于接收能力较差的同学，制作案例的过程，无法做到一次全部领悟，教师可以采用边讲解边录像的方法，学生课下可以参照录像回顾教师讲解的知识点，完成本课基本案例的制作。在此基础上以达到独立完成拓展案例的制作，以此来锻炼学生的综合应用能力和分析问题、解决问题能力，提高学生的综合素质。

1.4 阶段实训法

定期给学生一些虚拟项目作为课程设计，培养学生单独规范的做项目的能力及网站设计的综合能力，在设计中注意引导学生提高审美能力，强调技术与艺术的融合，将网页作品当作一份具有生命力的艺术品。教师指导学生实施具体项目，引导学生解决问题，项目完成后，学生之间先进行自评，互评，最后教师点评，并把优秀作品向全体学生加以展示，以激发学生学习兴趣、形成持久学习动力，提升自主学习能力。

2 考核、评价方法的改变

网页制作课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力。对于网页这门课程，我认为比较合理的评价方法应该是平时的作业占40%，阶段实训占20%，期末考试占40%，平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况，阶段实训可以考核学生的学习情况，要求在考试时间内完成题目。对于期末考试，应该以要求学生设计一个完整的网站来结束本课程，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。

3 职业资格考试的推广

《网页制作》是全国职业院校计算机技能竞赛的项目之一，在教学过程中教师就要不断反思，不断地总结经验教训，和企业保持紧密联系，了解企业最新的技术和方法，使学生能够真正掌握这门技术。鼓励学生参加每年进行“网页制作”和“三维动画设计师”的职业资格培训和职业技能鉴定考试，为学生就业开辟了通道。

在《网页设计与制作》这一典型的技能实践类课程教学中，教学方法改革十分重要，要求充分发挥学生的主管能动性，通过师生之间、学生之间的互相学习、讲座和交流实现相互促进和技能的提高。通过教学方法改革，激发学生积极性和主动性，同时通过师生间的交流及时发现学生学习中和教师教学中存在的一系列问题，及时总结经验，提高教学和学习质量，在促进学生个性发展的同时，亦可提高教师的教学技能。

参考文献：

[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化，2008（3）.

篇（6）

网页设计与制作课程的内容与特点网页设计与制作是计算机应用的一个分支，主要涉及网页版面的规划设计与制作方法。这里所阐述的主要是Dreamweaver是如何使用的，并结合HTML语言讲述静态网页的制作过程以及简要介绍如何制作动态网页。通过对网页设计与制作的学习，学生可以掌握网页设计、网页美化以及网页制作的基本技能。网页设计与制作是一门技术性课程，但是也具有很强的艺术性，课程内容丰富，涉及面广，使学生在获取生存技能的同时也培养了艺术气息。因此，课程的学习要求学生具有较高的综合素质。以就业为导向的课程体系设置目标目前，网页设计的课程设计是以就业为导向的。这种课程体系以市场需求为提前，就业目标是课程设置的先决条件，职业中所需要的技能都能够找到相应的课程设置，学生毕业后的就业方向明确。岗位需求决定课程设置，课程内容与实际需要紧密相连，这充分体现了“能力本位”的就业趋势。专业化课程与个人的职业生涯息息相关，明确的就业方向解决了学生“毕业即失业”的尴尬局面。为与市场相连接，针对网页设计构建一套“以能力培养为本位、以动手操作实践为主线、最终构建顺应经济社会发展的课程体系”。这套课程体系将网页设计师在实际中的应用进行归纳总结，在教学时设立不同的模块进行训练，有组织有重点，让学生通过模拟训练掌握相应的知识点。相比理科专业，文科专业有着不同的专业特征、职业定位以及职业能力结构体系。如包含人文系、历史系、经管系在内的文科专业，大多具有自身独特的职业特征与能力要求。这就要求高校文科专业在进行网页设计与制作课程体系构建时，必须充分结合高校文科专业的特色，从其就业方向及职业能力需求出发。

2大学文科专业开展网页设计与制作课程的必要性

随着计算机和互联网的普遍应用，各企业和各单位对自身的网站建设越来越重视，网页制作的人才也就逐渐供不应求。现如今，网页制作与网页设计已成为高校学生的热门选修专业，每个专业的学生都需要具备基本的网站制作技能，网页设计与制作这一课程也已成为高等院校文科专业计算机教程的主要科目之一。互联网已经深入现代人的日常生活中，尤其是当代大学生，通过互联网获取各种信息已成为他们学习的主要手段。网页设计将互联网的背后运作展现在他们面前，很大一部分文科生对这些是闻所未闻的。因此，在一定程度上，文科生的网页制作学习会存在或多或少的困难。但与理科生的背景知识、计算机技术等优势相比，文科生的思维比较活跃，善于文字表达。如果文科生能够快速掌握计算机技能，将自己的知识背景与现代计算机相结合，满足市场的职业要求，那么在同一竞争环境中，他们的就业优势就会比较突出。所以，对于那些文科生占较大比重的综合性大学而言，为增加毕业生的就业筹码，在课程体系中加入网页设计与制作就是十分有必要的了。

3基于就业导向的大学文科网页设计与制作课程体系构建策略

结合学生不同的专业，优化课程内容设计在以文科生为主力军的综合性大学中，不同专业的学生需要掌握的计算机技术是不同的。因此，各高校要根据专业的不同设置不同的计算机课程。基于就业导向，引入新的网页设计与制作课程的教学方法网页设计与制作这一课程的基本特征是理论和实践紧密相连，课堂教学与实际操作是一体化的，理论与实践没有清晰的界限划分。为了使教学效果最优化，本文提出一些对教学方法的建议与意见。

1）模拟任务法，课堂教学与实际操练相结合。在教学活动中，教师模拟一个制作任务，将课堂氛围假设为实际工作环境，教师可以将制作任务分为若干个子任务进行模拟演练，一边为学生演示如何操作，一边讲解，学生边听边做。这样的讲练结合过程极大地激发了学生的学习兴趣，课堂是以学生为主的，他们发现问题、分析问题、解决问题的能力得到有效提高，既学到了知识，又锻炼了能力。

2）实际案例分析法。教师可以将典型的分类网站引入到实际课堂中，在课上为学生做展示，分析并讨论这些网站的布局结构、内容分类以及技术特点。教材中的主要知识点要通过实际案例解释说明，在实践教学中培养学生的创新思维，锻炼他们的团队合作能力。有效利用多媒体、互联网等现代教育手段，采取第一课堂和第二课堂、产学研相互结合的人才培养模式。项目驱动的专题教学模式创新一是选择合适的教学项目，制定细化的开发进度表。一个优秀的教学项目可以充分调动学生的积极性，学生的学习态度也会由“要我学”向“我要学”逐渐转变。教师在备课时要充分考虑教学内容与实际案例的充分结合，选择一些略具挑战性、覆盖范围广的网络项目，这些项目是教学过程的中轴线，所有活动的展开都是以中轴线为标准的。二是引入专题教学模式，促进网页设计课程创新。完成一项网络任务的过程一般包括确定主题、收集并整理有关资料、选择风格、设计LOGO、编排网页的布局结构、确定配色方案、自定义网络样式、制作网络主页、制作各个分页、对网站进行测试、最终对外公布。教师需要将网络制作的这些过程与教学大纲紧密结合，收集整理并设计制作与实际情况相符的教学专题。教师在设计教学专题时应秉承以下几个原则：

1）尽量与教材中的主要知识点相结合；

2）寻找不同的教学案例，全方面、多角度满足学生的学习需求；

3）关注当前热点，紧跟时代潮流，网页制作技术要与时俱进；

4）把握学生对知识的接受与消化能力，精心设计课程，先易后难；

5）要从整体出发考虑专题的选择，每个专题之间都是环环相扣的，前后衔接之后才能出色地完成一个网站项目。

篇（7）

二、建构主义理论应用于“网页设计与制作”的可行性分析

1.符合课程特点。基于建构主义的教学法适用于实践性强的课程，本课程的要求是培养学生在以后的工作环境中解决实际问题的能力，而建构主义正是强调“身临其境”。

2.因材施教。充分调动学生的思维，发挥学生自身的潜能，集中个体的观察角度，从而实现立体地、全方位地了解问题，集思广义地讨论解决方法，更加符合学生特点。

3.自主学习。学习是学生的自主活动，每个学生都是以自己已有的经验背景去接受、理解知识，再构建新的知识体系，强调学习的个人体验以及学生在学习过程中的主体地位［3］。

4.节约时间。教师改变了“填鸭式”以知识传授为主的教学观念，知识的获得可以通过教师给学生创设一个轻松愉快的情境，学生去积极主动地建构，节约时间成了必然结果。

5.服务于其它课程。为继续深入学习计算机其它相关课程夯实了基础，并且在教学中融入了其它学科的内容知识，必然会促使学生在计算机知识辅助下更好地进行其专业或相关学科的探索。

三、建构主义理论指导下的课堂教学

笔者从建构主义教学观和教学实践出发，设计出了一套符合这门学科特点的教学与管理模式：把整个教学过程分成三个阶段，全部在计算机教室开展，针对不同的教学内容和教学环节采用不同的教学方式，边讲边练，即案例引导教学阶段、任务驱动实践阶段和项目合作课程设计阶段，如图1所示。这三个阶段中教师是引导者，学生是知识的构建者。教师与学生之间，学生相互之间必须密切配合［4］。具体教学过程设计如下：

1.展示效果。课堂上，首先把与本节知识内容相关的案例效果及功能展示给学生，通过素材和网页效果的对比，激发学生的想象能力。

2.分析操作任务。在教师的引导下，对案例进行模块化分析。分析案例时一般包括两个方面：一个是利用以往知识可以处理的效果；另一个是本次教学内容处理的效果。分析案例的目的在于温习以往知识和引出本节课教学知识点。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强文科专业学生的实践动手能力。

3.知识讲解与操作示范。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。教师要实际操作案例，在操作过程中把以往的知识点简单回顾，并着重介绍新知识点，即讲述相关理论知识。把书本上的相关知识通过案例的形式直接展示给学生，学生不但容易理解理论内容，同时，也了解知识的实际用途。

4.课堂同步实践。理论与实践交融，知识与感悟同步。学生真正掌握技术在于自己是否能够独立完成实践操作，在学生实际操作的过程中，教师应从旁指导、及时纠正，学生只有在依靠自我的力量去解决学习问题的过程中获得了成功的体验，才能进一步激发他们的学习热情。

5.课程设计。学生结合所学网页设计制作知识与自己的兴趣或擅长等自拟主题，制作出符合一定要求的网站。每个项目小组由4到5人组成，推选出项目经理，负责小组的项目策划和成员分工。通过讨论、交流与合作，小组成员各尽所能，取长补短，共同完成任务。这样，既调动了学生的积极性，实践了所学的知识，又培养了团结协作的能力。将课程设计记入学生的平时成绩，从而给学生在该课程的学习上施加一定的压力，促进其更好地学习。

6.归纳总结。教师对学生的操作表现做出讲评，对学生在网页设计中的共性问题进行纠正，不断规范学生的网页设计。并与学生共同详细讨论和总结案例中所用到的理论知识和操作技巧。表扬其优点，指出其错误，可以巩固教学效果，弥补学习漏洞，并有助于学生之间的学习交流。教师以“案例”引路，引导学生边学边练，以“任务”驱动自主完成学习任务。以“项目”促进理论知识与实际操作结合。教师的“教”与学生的“学”围绕一个目标，学生充分发挥自己学习主动性和创造性，多种教学方法结合不但解决了课时少、知识点多、实效差、与实践应用相脱离等问题，而且还充分调动了学生学习的积极性，使学习过程成为一个人人参与的创造性实践活动，更好地培养了学生创造性思维和发现问题、解决问题的能力［5］。

四、考核与评价方式

采用课程设计与上机考试结合的考核方式，上机考试从题库中按出题方案组出若干数量试卷，每位学生随机抽取其中一套进行考试。“网页设计与制作”这门课程对于制作网页的基础理论和实际操作能力都有比较全面的要求，所以考试当中应当兼顾这两个方面，理论部分注重学生对网页制作基本知识、基本理论的掌握，采用选择、判断等客观题的方式进行，为学生进一步的学习夯实基础。实践部分要求学生利用给定素材，包括考题所需的图片、背景和其他辅助图片、相关考题内容的文字资料、考题要求等，完成规定技术要求的网站创意设计与制作。一个好的考核方式不仅有利于全面真实地反映学生的学习水平，而且有利于反映教学中的问题，以便教师能够及时作出相应调整［6］。

五、总结

在建构主义理论指导下开展“网页设计与制作”课程的教学对教师素质、教材建设、设施设备等都有较高的要求，应根据实际情况具体把握。具体可以从以下几点出发：

1.温故知新。任务、项目的设计直接影响教学效果，从知识联系的角度看，课程内容是相互联系的，教师要帮助学生理清其中的逻辑关系。在设计任务或项目时，应适当添加一些与该问题有关的且学生已经掌握的内容，帮助学生在学习新知识的同时及时复习己学过的知识。

篇（8）

【中图分类号】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动态网页制作加强练习。

四、依靠现代化教学手段

通过多媒体教学系统，在教学过程中将教师计算机的屏幕同步传到学生的计算机屏幕上，将整个操作过程展示在学生计算机的屏幕上，使学生得到直观感受，快速掌握操作步骤，从而提高教学效果。这个过程不要时间太长，否则会使学生忘记前段所讲内容。学生上机练习时，教师随时观察并辅导每位学生的上机情况。

五、培养学生创新能力

信息技术学科发展迅猛，单单靠教师的课堂传授是远远不够的，利用网络资源共享让学生能自己搜寻资料，判断信息的价值，通过掌握几个有代表性的软件，能举一反三，触类旁通，提高自主学习能力。在学习告一段落时，加入一个综合性的大任务，集中体现前面所学的知识。可用课程设计的形式让学生独立完成与课程核心相关的项目，进一步培养学生独立操作的技能，达到教学目标。例如，本课程可让学生为某单位设计一个网站或制作个人站点，然后将站点传到免费空间上申请免费的空间，如果有条件可自建服务器，进行作品的讨论，交流作品。本课程可以没有期末考试，采取学生与学生之间互相评分，综合成绩之后，做为期末的分数。这样做的结果不但可以使学生找到自己站点上的优缺点，还可以通过互相评分，找出别人站点上的特色，以便在以后的工作中学以致用，还可以使学生们在相互交流中不断增长知识技能，进一步培养学生的协作精神。

六、注意因材施教

教学中要注意学生特点和知识接受能力的差异现在有些学生从小就进行过计算机应用的学习，而有些学生没有接触过计算机，这样我们不能让走在前面的学生原地踏步，无所事事，浪费时间和精力；也不能让后面的学生失去信心，放弃努力。为了调动每一位学生的学习的兴趣，计算机课堂教学尤其需要因材施教，采用合适的教学方法，利用不同的方式组织教学，至关重要。学有余力的同学，在完成任务后，可深入学习其它知识；基础较差的同学，也可以循序渐进地学习，教师也可花较多的时间用以辅导后进同学，既保证了课堂容量，又提高了课堂效率，更主要是可以促进学生的学习主动性、积极性、创造性。

篇（9）

0 引言

《网页设计与制作》课程是职业院校计算机类专业必修的一门专业课程。本课程以培养学生实际动手能力为目标，使学生具备网页设计、网页制作、网站建设与管理的实践技能，学生毕业后可胜任网页设计师、网站管理员等工作岗位。传统的教学方法和内容已不能实现该课程的培养目标，如学生不能独立完成网站规划和页面设计、网页设计功能和视觉效果不理想等。因此，本文结合当前职业院校学生的实际情况及岗位需求，探讨了基于工作过程的网页设计与制作课程教学改革模式。

1 基于工作过程的教学模式

德国劳耐尔教授等认为，工作过程是“在企业里为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。基于工作过程的课程教学是通过整体的职业岗位分析，确定典型工作任务，归纳出职业行动领域，按照对职业能力和知识领域的分析，形成学习领域，然后进行基于工作过程的整合，构建课程体系，设计出学习情境，整个教学组织与实施以工作过程为导向。这种教学模式要求打破传统学科系统化的束缚，将学习过程、工作过程与学生的能力和个性发展联系起来，目的是强调学生的设计与建构能力的培养。

2 基于工作过程的《网页设计与制作》课程设计

2.1 确定典型工作任务

通过前期调研及对具体岗位（群）分析，明确了本门课程涉及的主要工作任务包括：一是网站的需求分析，二是网站的整体规划与设计，三是网站的详细设计（制作、编辑），四是网站的与推广，五是网站的更新与维护。通过进一步归纳与总结，确定了该课程的典型工作任务就是在规定时间内设计出网站的规划书，并针对网页的不同特点，设计与制作网页，然后进行网页的测试，以便获得符合技术要求的网页。

2.2 归纳行动领域

通过对多个典型工作任务进行排序和归纳，按照相应的归类原则，体现几个典型工作任务所构成的集合，进而构成职业的行动领域。归纳后的行动领域应涵盖岗位群工作任务所对应的专业知识能力、方法能力和社会能力。

2.3 形成学习领域

学习领域是和行动领域相对应的，指的是完成行动领域工作所必须学习的系统性内容。学习领域的名称要表明一个完整的职业工作关系，对学习目标的描述要与典型工作任务的核心内容联系在一起，学习难度从简单到复杂、由浅入深。根据学生认知规律与职业成长规律，确定网页设计与制作课程的主要知识包括HTML语言的使用、Dreamweaver软件的使用等。此外，还要注重学生策划、设计、决策、分析问题、解决问题、审美、团队合作等能力的培养。

2.4 设计学习情境

学习情境是在职业的典型工作任务和行动领域的背景下，按照学习领域的目标和内容，进行教学转换，是具体课程的实施方案。学习情境的设计必须要具有针对性，要体现课程的培养目标。基于这一指导思想，我们确定了以企业典型真实任务为载体的个人网站制作、精品课程网站建设、企业类网站建设、自主选题网站建设4个具有典型工作任务的学习情境。整个学习情境的设计遵循从简单到复杂，由单一到综合的原则，从专业能力到素质能力，再到职业资格标准都纳入到了课程里面。通过4个情境的学习达到了教学效果与目的，提高了学生的学习兴趣。

3 基于工作过程的《网页设计与制作》课程的教学组织与实施

基于工作过程的课程教学组织与实施是按实际工作岗位的工作流程来进行的，每一个学习情境都是一个完整的工作过程，包括资讯、计划、决策、实施、检查、评估6个步骤。

3.1 资讯阶段

根据任务的难易程序，将学生分成3-6人的小组，每组选出一名组长。教师下达任务书，并对相应内容进行一定的描述，每个小组的学生依据任务书，对网站中所需要的文字、图片、音视频、动画等素材进行收集与整理。资讯阶段即是让学生了解学什么，做什么的过程，主要采用的教学方法是任务驱动法和小组合作法。

3.2 计划阶段

各小组分别进行分析讨论，根据下达的任务书，对网站页面的框架结构进行分析、讨论，学生各自表达自己的看法与意见，并讨论出每个小组的工作方案。计划阶段即是拟定学习工作计划的过程，主要采用小组讨论法和头脑风暴法。

3.3 决策阶段

各小组根据拟定的工作计划，进行概要设计和详细设计，确定一个切实可行的方案。概要设计主要包括网站的目录、架构；详细设计主要包括每个页面的功能和布局设计等。设计完成后，各小组进行分工，分别担任项目经理、网页设计人员、网页制作人员、网站测试员等不同的角色，并制订工作进度表。决策阶段即是使学生明确学习、工作方法与目标的过程，主要采用小组合作法和案例教学法。

3.4 实施阶段

各小组在项目经理的统筹指导，由网页设计人员完成首页及内页面的框架的设计，由网页制作人员完成网站内容的填加与编辑，由网站测试员进行测试并完成详细的测试报告。各小组成员轮流执行，完成整个网站的设计与制（上接第231页）作。实施阶段即是学习、工作具体实施的过程，主要采用角色扮演法和小组合作法。

3.5 检查阶段

各小组在合作完成既定任务后对完成的情况进行检查，查找问题、分析问题并解决，如网页中的链接是否正确，网页中的图片是否显示，网页中的音视频是否能够正常播放等。检查阶段即是任务完成情况检查的过程，主要采用小组讨论法和任务教学法。

3.6 评估阶段

各小组完成作品后，对本小组的作品进行展示与汇报，同时让学生集体讨论，相互评价、找出问题，最后由教师点评，对典型问题进行分析与总结，对共性问题进行强调。评价主要包括小组自评（10%）、小组互评（20%）、任课教师评价（30%）、校内专业教师评价（20%）、网络展示人气指数评价（20%）等几个环节。评估阶段即是对学习和工作成果的评价过程，主要采用案例分析法和作品展示法。

4 基于工作过程的《网页设计与制作》课程教学改革的体会与反思

基于工作过程的《网页设计与制作》课程教学改革已经在我校进行实施，与“讲解+练习”的传统教学模式相比较，学生的学习兴趣与积极性大大提高，设计与制作出来的网页作品更加专业，教师的教学水平也得到了高度认可。但在整个教学组织与实施过程中，仍需注意一些细节问题：一是应使学生全部参与学习中来，避免滥竽充数的现象发生；二是应多组织一些网页设计大赛等类型的活动来激发学生的创意；三是应通过职教新干线等网络平台，培养学生自主学习、远程学习的能力；四是教师自身应下企业锻炼，做实际项目，不断加强业务学习。

5 结束语

经过调查发现，职业院校的学生一般动手能力强，形象思维比较发达，敢于表现自我，但是对理论知识缺乏兴趣。因此，采用基于工作过程的课程教学改革有利于激发他们的学习积极性和主动性，有利于培养学生的专业技能和综合职业能力，有利于缩短学习和就业之间的距离，最终实现职业院校高素质技术技能人才的培养目标。

参考文献：

[1]李勤道.基于工作过程导向的课程和课程开发的研究与实践[J].山东电力高等专科学校学报，2011，12（2）：21-25.

[2]曹艳琴.基于工作过程的课程开发――以高职院校《网页设计与制作》课程教学改革为例[J].教学理论，2012（2）：172-173.

[3]黄丽娟.基于工作过程的软件专业课程教学改革[J].Reformation改革，2013（1）：77-79.

篇（10）

一、翻转课堂简介

在当今互联网时代，学生不必一定要到学校接受教师讲授，就能通过互联网学习丰富的在线课程。互联网尤其是移动互联网催生了“翻转课堂”这种教学模式[1]。翻转课堂（Flipped Classroom）也称颠倒课堂[2]，就是把“教师白天在教室上课，学生晚上自习做作业”的教学结构翻转过来，构建“学生白天在教室完成知识吸收与掌握的知识内化过程，晚上自习学习新知识”的教学结构。翻转课堂教学模式需要学生重新调整课堂内外的时间，将学习的决定权从教师转移给学生。

二、网页制作课程教学现状

目前，网页制作课程属于高校开设的应用型人才培养的课程。对于我校的计算机科学与技术、软件工程专业都是必开课程。传统的网页制作课程教学存在以下问题：

2.1 知识点琐碎，“学得快，忘得也快”

HTML和CSS的知识点琐碎，一个学期学时有限，不可能在课堂上将所有标记、属性都讲一遍。即时都放在课堂上讲解，一个一个讲解会让学生觉得枯燥无味、重难点不突出，很难让学生掌握重点问题，到动手制作网页时，往往已经忘掉了部分内容。

2.2 不能进行个性化教学

课前，学生只是通过看教材进行简单预习。课上，教师在45分钟时间内要讲授多个知识点，课堂上班级内的学生接受的都是一样的信息、一样的进度，教师很难注意到每个学生掌握的进度不同。课后，完成作业时，有的学生已经完全掌握课上讲授的知识，能够很快完成作业；而有的学生则不太明白，需要通过帮助才能勉强完成作业；而有些学生既不理解又羞于寻求帮助，遇到的问题越积越多，到了学期末，根本无法完成课程设计。

2.3 局限了学生的创造性

网页制作这门课相对于其他编程课程来说，知识点不难理解，在课堂上学生根据教师的演示，容易完成实验任务。但是对于没有任何美工基础的计算机专业学生来说，构思网页布局、美化页面较难，制作出个性化的网页受到了限制。

因此，我们需要对现有的网页制作课程的教学模式进行改革，本文提出了在该课程中应用翻转课堂教学模式来提高课程的教学质量。

三、翻转课堂模式在网页制作课程中的实施过程

3.1 课前准备过程

翻转课堂的一个重要载体就是微课。因为翻转课堂需要有效地促进学生对新学知识的消化吸收，在有限的时间内使自主学习任务发挥最大作用。所以，每次上课前教师需要花费大量的时间针对学生的个性化进行备课，确定本节课学习目标，精心设计出学生愿意做、喜欢做的自主学习任务，针对一个明确的问题录制时长在10分钟以内的短小精悍的教学视频，并把视频通过网络上传到微信群、qq群、微博等为学生提供自主学习、交流反思、协作讨论的平台。

例如第10章CSS层叠样式表的内容是为了让学生学会使用DIV+CSS进行网页元素布局，但是CSS的属性较多，需要将这一章的内容分解，抽取出“CSS的样式定义”、“CSS的选择器”、“盒子模型”、“文本样式”、“段落样式”、“列表样式”、“超链接样式”等知识点录制教学视频。

微课教学视频是为了下一次课堂学习服务的，学生必须严格按照教师布置的学习任务进行学习。学生能够在课下使用自己的任何设备，比如电脑、平板、智能手机等，在任何时间、任何地点都能观看微课视频，进行自主学习，并且当学习中间遇到问题时可以选择暂停播放视频，能在任何时候去查阅需要的材料，还能在网络平台上与教师、同学进行在线讨论，或者回放视频重复多次学习。根据视频最后提出的几个任务进行在线测试，检查自主探究学习的情况，并将疑难问题记录下来，课上提交给教师。

3.2 课上实施过程

翻转课堂要求课上教师要因材施教开展教学活动，课堂的注意力集中在帮助学生掌握在课前学到的新知识，运用新技能。

（1）确定问题。通过课前预习，教师既能够引导学生学习，又可以及时了解学生学习任务的掌握情况。教师收集学生课前自主探究过程中遇到的问题，归纳共性问题，确定课上需要解决的问题。比如学生看过“盒子模型”的微课视频后，会对“盒子模型”的抽象理解、如何使用DIV+CSS技术有效定位网页元素提出疑惑。

（2）协作学习。在课堂上，教师将班级内的学生分成若干个小组，以小组的形式进行协作学习，有效达成学习目标。课堂上教师与学生之间，学生与学生之间，集中讨论、交流、合作学习，在做网页中，女生往往比男生更细心，但是没有男生思维灵活，根据男女生的差异，形成比较和互补，共同解决问题。

（3）有效激励。为了更好的激励学生完成学习任务，教师对课堂上学生的学习任务完成情况进行排名，实时更新排名，让学生能及时的看到在整个班级的学习过程中自己的进度。通过学生的好奇心、好胜心激励学生将注意力集中到课堂上，积极参与小组讨论、班级讨论中。

（4）答疑解惑。教师不仅仅是站在讲台上讲授课程，而是更多的走进学生，穿梭于学生之间，参与到学生学习过程中，提供针对性地指导，能够了解每个学生的掌握情况。对共性问题进行统一的答疑解惑。

（5）成果交流。教师选出2个优秀作品，让该小组的学生在全班进行展示，向其他小组讲解该作品的设计思路，本节课学习的知识点，比如“盒子模型”在本作品中的作用，以及制作过程出现的困难。在交流的过程中教师要引导学生总结，提升所学内容。

（6）反馈评价。翻转课堂要建立一种以学生为中心的多角度、多方式的评价机制。教师除了对学生的学习成果进行评价外，还需要对学生的学习过程、参与合作的表现等进行评价。学生可以进行作品评价，既能提出自己认为有效的或喜欢的方面，也应提出改善建议。

3.3 课后总结提高

课后，教师要进行教学反思，考虑本次课是否能够让学生有较大的收获，让课堂真正有益于学生发展。教师将学生的小组作品放到网络平台，供班级内共享，让学生在线投票，将投票结果进行排名。学生自主进行个性化复习，进行下节课预习。

四、翻转课堂模式实施效果

本学期，对大二的计算机科学与技术班的网页制作课堂仍然采用传统教学模式，将大二的计算机科学与技术（信息技术教育方向）班作为试点班级，应用翻转课堂教学模式，两个班级人数相同。学期期末，对试验的两个班级进行问卷调查，并根据结果对比实施效果，如下表1所示，翻转课堂教学模式更受学生欢迎，有助于提高学生学习能力以及动手实践的能力。

五、结语

针对现有网页制作课程教学模式的不足进行改革，使用翻转课堂模式锻炼学生分析问题、解决问题的能力，提升学生的创造力、团队合作能力，提高了学生学习的积极性，更好地培养了创新型的web前端开发人才。