网页课程设计总结精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页课程设计总结主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页课程设计总结范文

关键词：翻转课堂；微课；公共选修课

中图分类号：G434 文献标识码：A 论文编号：1674-2117（2015）24-0117-04

公共选修课教学现状

学校为拓展学生的视野，一般会开设全校性的公共选修课（公选课）。此类型课对学生的专业要求较为宽松，任何专业的学生都可以根据兴趣进行选修，但这也为此类课程的教学带来了新的挑战。

一是学生学习水平的差异。公选课是面向全校师生的公共课，学生不分文科、理科均可选修，因此学生的基础水平有较大差异。如果教师采用统一的教学方法和内容，就无法兼顾到各种层次的学生需求，导致有的学生认为教学内容过于简单或教学进度太慢，有的学生认为内容太难或教学进度太快无法跟上，而且一些实验的教学设计难度也大大增加。

二是课时较少，公选课不分课程，学校一般将公选课的课时统一定为30学时。以笔者任教的公选课“网页制作”为例，与其他课程的课时相比相差近一倍。因而，在课时严重不足的情况下教师只能通过减少教学章节、降低知识讲授的深度与广度等方法来缩减时间，这样会不利于教学的开展。

三是选修公选课的学生来自不同的专业，学生之间大多数互相并不认识。因而，在学习中遇到问题时，他们无法及时向同学求助，导致难以开展团队形式的课程设计作业。

翻转课堂与微课对公选课问题的适应性分析

翻转课堂作为新的教学模式，被认为是教学的重大变革。翻转课堂与传统的“课堂传授+课后内化”的教学模式不同，它是在信息化环境中，教师提供以教学视频为主要形式的学习资源，学生在课前观看并学习教学视频等学习资源，课上师生一起完成作业答疑、协作探究和互动交流等活动，即“课前传授+课上内化”的新型教学模式。这种教学模式，能够有效地解决公选课学生学习水平差异较大等问题。

“网页制作”是以技能为主的课程，主要讲解网页制作软件的使用。因此，教师可以使用屏幕录制软件，制作具体的操作及讲解的微课。学生观看的微课与课上教师的操作演示几乎没有区别，而且也不用担心因远离讲台而无法看清等问题。因此，基于微课的教学模式非常适合网页制作这类以软件操作为主的课程。

同时，学生对篇幅较长的学习视频接受程度较低。因此，为降低学生学习的负荷，保证学习效率，教师录制的教学视频等学习材料的长度应限制在较短的时间内。而微课短小精简、便于传输及下载的特点，满足了学生的需要，为学生利用空闲时间反复学习提供了可能性。

翻转课堂模式下“网页制作”课程的教学设计

何克抗指出：适合我国的教育思想应当既不是以教师为中心，也不是以学生为中心，而是既要充分发挥教师的主导作用，又要凸显学生在学习过程中的主体地位，即主导与主体相结合。因此，翻转课堂教学模式实施的关键不是“翻转”学习的地点和时间，而是学生的学习方式，是把以往的“教师主动教学生被动学”，转变为“学生主动学教师作辅导”。教师必须主导整个教学过程，即课前、课间及课后。教师在教学中要积极地引导学生自主探究性地“学”，为学生提供各类学习资源，解答疑问，并监督学生的学习情况。

笔者以此为指导思想，综合考虑公选课课程设置、学生的情况及网页制作课程的知识内容等特点，按照“自由设计、自主学习、全程引导”的教学策略，以自由设计一个完整的网站为课程设计任务，将该课程的教学活动设计为“引入任务―翻转课堂―互评总结”三个阶段，如上图所示。

1.引入任务阶段

选修同一门公选课的学生，来自不同专业、不同年级。在首次上课时，学生面对的是陌生的同学和教师，且大多数学生对课程内容是完全陌生的。因此，教师应在第一次上课时，先对整个课程的内容进行概述，包括学习什么知识、学了后有什么用、用什么方法学等问题。然后说明具体的课程要求、授课方式、作业要求、考核方式，等等。同时，还要向学生介绍翻转课堂教学模式，消除其对新的教学模式的困惑，并引导学生注册教学平台、尝试登录，以保证每位学生都能够正常地登录教学平台，进而保证后续教学活动的正常开展。

例如，在上“网页制作”课程的第一次课时，教师可采用传统的教师主讲的教学方式，并在完成上述的课程介绍、教学平台登录等步骤后，开始课程内容的讲授。教师可以先让学生观摩一些优秀的网站，并与学生一起探讨分析网站中哪些元素值得学习及涉及了哪些技术。然后，向学生展示目前主要的网页制作技术，让学生对整个课程的知识体系有一个整体上的初步认识。接着，给出第一次课的课后作业任务：初步构思自己要制作的课程设计网站的内容，并根据自己的实际情况，制订一份自主学习的计划。

2.翻转课堂阶段

第二阶段采用翻转课堂教学模式，教师以任务驱动的方式引导学生自主学习。由于公选课课时较少，除去首次上课，仅有9次集中上课的时间。因此，教师可以把网页制作中的主要技术，分为九个相对独立的专题来组织教学内容，每个专题的教学步骤大致如下：

（1）在学生学习前

课前，为学生提供所需的各类学习资源，并对每个专题内容设置不同的难度等级，如基础级、提高级、扩展级等，分别制作微课，放到微课资源库中。学生在课前根据课程设计的要求，结合自己构思的网站在制作上涉及的技术，自主地在学习资源库中寻找适合自己需要的课件、微视频等资料进行学习。

（2）在学生自学过程中

教师要尽可能解决学生自学中遇到的问题，因此教学平台上设有学生互动交流区、教师定期在线答疑等板块，为学生提供帮助。同时，教师要鼓励学生互相答疑，并给予提供正确答案的学生适当的平时成绩加分作为鼓励。

（3）课堂活动前

要求学生先完成课前自测题和课前思考题。其中课前自测题偏重基础，目的是供教师在上课前简单了解学生的自学情况，从而确定课上交流的内容，避免出现学生掉队的情况。课前思考题则具有一定的综合性及扩展性，用于在课上展开讨论，使有能力的学生有更进一步展示及深入学习的机会。在每个专题的课堂活动前，教师要先通过教学平台了解学生的自学情况及提问较多的问题，并设定课上要研讨的问题，同时，还要准备一定的扩展性问题在课堂上交流，以帮助学生进一步巩固和内化。

（4）课上交流时

根据课前了解的学习情况，教师可按照“学生提问―互动交流―思考拓展―专题设计展示”的流程来展开。课堂上以引导为主，鼓励学生提出问题，全体一起分析并解决问题，并提供学生展示已完成的对应专题内容的课程设计的机会。

3.总结互评阶段

翻转课堂教学模式下的专题教学阶段结束后，就进入了最后的课程设计及互评阶段。这个阶段分为两个子阶段：

第一个子阶段为展示阶段。教师要求学生必须在指定日期前上传课程设计初稿至开设好的Web服务器空间。学生之间可以通过网页互相浏览观摩，取长补短，而教师可监督课程设计的进度及质量，对进度较慢或质量较差的设计，要按要求及时整改。同时，此阶段让每位学生都掌握FTP上传及Http访问调试的方法。

第二个子阶段为正式展示互评阶段。教师利用课程安排的考查学时，将全体学生集中到课室内，每位学生在3分钟内展示自己的设计作品，全体学生现场观看并在评分表上打分。学生的课程设计成绩以教师和学生评价的总平均分来计算。这种互动评价模式能够有效地激发学生的学习兴趣及创造力，绝大部分学生都能够认真地做好课程设计及上台演示的准备。

学习效果对比分析

在尝试了新的教学手段后，需要对教学数据进行分析对比，以验证教学改革的有效性。教学数据的收集采用教学平台自动统计及向学生发放调查问卷的方式。

1.纵向比较

选取的比较对象均为公选课的学生，其基础及授课课时一致，但采用不同教学模式来对比，比较项目及结果如表1所示。

对两种教学模式的数据进行分析整理后，可以发现学生在翻转课堂教学模式下，课余学习时间明显高于传统模式，这说明了学生在翻转课堂模式中，用于课程学习的时间更多。

从平时成绩的统计结果看，在作业提交率、上课出勤率方面，翻转课堂的学生都有更好的表现，显示出更高的学习主动性，而课程设计的质量也有较大的提高。这说明翻转课堂模式下的学生实际动手能力和知识应用能力要优于传统授课模式下的学生。在课程满意度方面，翻转课堂的学生对新颖的教学模式接受度较高，并给出了较高的评价。

2.横向对比

横向对比是针对不同基础、不同课时数、不同教学方式下的学习效果进行对比。首先，公选课“网页制作”需要学生有一定的计算机操作技能，因此对比对象需要对比课前计算机技能基础不同。计算机技能的水平以必修课“计算机基础”的成绩为数据来源，其中公选班的学生来源分散，文科生占较大比例，因此平均计算机技能基础较低且学生间差异较大。而选取的普通班为工科专业，计算机技能平均水平较高，且学生间相差不大。其次，学时相差较大，其中普通班开设的课程一般以一个学期为周期，64学时，而公选课则为30学时。再次，分别采用了不同的课堂模式展开教学。对比项目及结果如上页表2所示。

对两种模式的数据进行分析整理后，虽然普通班学生的学时更多、基础更好，但最终课程设计平均分反而略低于采用翻转课堂模式的公选班，而公选班的学生的课余学习时间明显高于普通班的学生。这说明了公选班学生在翻转课堂模式下，调动了学习的积极性，学生实际用于课程学习的时间更多，且学习效率也会更高，效果更好。反观传统教学模式下学生在课堂上的表现，经常会看到教师在台上讲，学生在下面玩手机、打瞌睡的情况。这从另外的角度也反映了仅依靠课上教师的讲授，是无法引起学生学习兴趣的，即使安排再多的课时，也难以达到较好的教学效果。

结束语

通过对采用不同教学模式的班级的课程教学数据进行对比分析，结果表明采用翻转课堂教学模式能够有效地激发学生的学习兴趣，这不仅能解决原来公选课所面临的难题，还能使教学取得更好的效果。从而证明了本文所设计的教学方式及教学环节，对公选课网页制作课程是非常适合及有效的。

参考文献：

[1]曹殿波，薛苏秦.“微课”实践中亟待厘清的四个基本问题[J].中国医学教育技术，2013（5）：495-497.

[2]曹育红.“翻转课堂”在软件技术实训中的创新应用[J].中国电化教育，2014（4）：116-120.

[3]何克抗，李克东，谢幼如，王本中.“主导―主体”教学模式的理论基础[J].电化教育研究，2000（2）：3-9.

[4]何克抗.从“翻转课堂”的本质看“翻转课堂”在我国的未来发展[J].电化教育研究，2014（7）：5-16.

第2篇：网页课程设计总结范文

【P键字】 行动导向课程设计网页

一、了解工作过程，制定课程主要内容

行运导向课程是基于工作过程的，《网页设计与制作》相关内容是网站建设的，有必要先了解网站建设的基本工作过程，其过程为：（1）对网站进行需求分析；（2）网站地图规划；（3）网页结构设计；（4）网页美工设计；（5）网页素材收集；（6）网页代码编写；（7）网站测试和以及上线；（8）网站运行维护。要完成上述的工作过程需要多门科目的相关知识与技能，比如“网页美工设计”就需要photoshop知识，“网站上线”需要用到服务器、域名等知识。因为课程时间有限，就必需对工作工过相关知识有所取舍和有所侧重，在《网页设计与制作》课程中，将网站地图规划、网页结构设计、网页代码编写这三个内容作为主要内容，如果学生有一定的photoshop基础技能，可将网页美工设计和网页素材收集这两个过程纳入课程的教学中，如果学生没这些基础，则无须花太多时间在本课程中讲解和练习，在网页结构设计中采用草图，在美工设计中教师可直接给出相关的素材。

二、了解工作岗位，制定课程的培养目标

与本课程相关的常见岗位有：（1）网站设计员；（2）网站美工制作员；（3）网页前端开发员；（4）网站后台程序开发员；（5）网站维护员。其中网页前端开发的工作量是最大的，因此在课程设计中将网页代码编写作为重点知识与技能。根据工作岗位的情况，设置了三个培养目标：知识目标、能力目标和情感目标。

2.1知识目标

知识目标是传统教学模式中为学生制定的学习目标，它是弊端是学生掌握了基础知识后却不会应用在工作中，但学习基础知识是为了有能力去完成任务，知识目标是基础，不应被忽视，现将本课程知识目标制定如下：

（1）了解网站开发的工作过程；

（2）掌握网站地图及网页结构相关知识；

（3）掌握HTML基本标签的使用；

（4）掌握表格布局、框架网页、层的布局等知识；

（5）掌握模板和库的使用；

（6）掌握CSS的样式的定义、设置及应用；

（7）掌握Javascript、JQuery脚本语言的使用。

2.2能力目标

基于工作过程的教学方法非常强调动手能力，在学完某一课程后，是否有能力去完成相关的工作，是否有能力去胜任相关的工作岗位，现将本课程能力目标制定如下：

（1）能够设计网站地图及网页结构；

（2）能够通过HTML、CSS及JS等代码实现网页。

2.3情感目标

情感态度指兴趣、动机、自信、意志和合作精神等影响学生学习过程和学习效果的相关因素以及在学习过程中逐渐形成的祖国意识和国际视野。制定合理的情感目标，保持积极的学习态度是学习成功的关键。

（1）培养学生独立进行系统分析、设计、实施、评估的能力；

（2）培养学生获取、分析、归纳、交流、使用信息和新技术的能力；

（3）培养学生自学能力、理解能力与表达能力；

（4）培养学生口头语书面表达能力、人际沟通能力；

（5）培养学生计划组织能力和团队协作能力；

（6）培养良好的心理素质和克服困难的能力。

三、传统讲授与行动导向相结合的教学模式

课程的教学模式主要分为两大部分：

第一部分为基于教师讲授的传统教学部分，主要内容有：

（1）网站及网页概述与开发步骤；

（2）网站地图及网页结构；

（3）HTML语言与CSS样式基础；

（4）Javascript、JQuery基础。

第二部分为行动导向教学模式，通过已掌握的基础知识及开发过程中获取的技能完成案例网站的开发，以网站完整的开发过程为案例，这样可以让学生了解一个网站的开发流程，主要内容有：（1）网站地图的设计；（2）网页结构的设计；（3）网页内容的实现。

之所以在本课程中加入教师讲授这种传统的教学方法，是因为在以往的行动导向课程中发现，直接进入案例的行动导向教学，学生在刚开始接触这门课程时是没有相关的基础知识，学生就需要从大量的知识中找到任务所需的知识，这犹如大海捞针，所以一个任务完成，学生不知道要学哪些知识，打击学生的积极性。

教师以传统的讲授教学模式进行，从而缩小学生自学知识点的范围，减少学生的迷茫，减轻学生在行动导向过程中的学习负担，提高汇报知识的准确性，提升学生学习兴趣，增加学生的成就感，让学生快乐地学习。

讲授法虽然能让学生掌握知识，但无法让学生将所学的知识转化成技能，无法胜任工作岗位对能力及情感的要求，应用到网页开发工作过程当中，故因将课程的重点放在案例实施的过程中，以行动导向教学模式为平台，让学生掌握完成网页实现的方法，有能力完成案例中的网页，并能将技能扩展到其他网页设计与制作中。但仅仅一个网站的案例无法完整展示该门学科的知识，需要在课堂练习及课后练习补充相应的小案例，以完善课程的知识结构。

四、细心地设计各小案例

教师在每次课前都应细心地设计每个小案例中的教学任务，每个小案例的教学任务应注意以下几个方面：

（1）在每个小案例中都应体现知识目标、技能目标与情感目标，在不同的案例中运用相关的技能实现网页的制作，需要让学生有完成任务的技能，还要让学生掌握完成任务的方法，因为课堂所学的知识与技能在现实的网页制作中是不够用的，学生只有即掌握技能又有方法获取新的知识，才能胜任网页设计与开发的岗位。

（2）同一小案例中安排不同层次的任务，对于前期知识与技能掌握较好的学生提出相对复杂的任务，对于掌握较差的学生提出相对较简单的任务，无论哪种难度的任务都能完成本案例，鼓励学生完成复杂的任务，实在困难先完成简单的任务，在课后再完成复杂的任务，这样即能让知识较差的学生学习该案例中的知R技能与方法，提升他们的积极性，又不妨碍较好的学生对更高层次知识技能与方法的掌握。

（3）任务相关知识的扩展与提升，比如：某个效果可以用多种方法实现；某个方法可以在不同的效果上实现。行动导向教学强调的是知识与技能的迁移与应用，在设计小案例时应将相关知识与技能的扩展提示给学生，培养学生自学能力与理解能力。

（4）注重学生的自我总结与分享，每个小案例完成后，让学生分享通过本任务中所学的知识与技能，任务实施过程中所走的弯路，分享能够培养学生进行总结的良好习惯，提升学生口头语书面表达能力、人际沟通能力。

（5）教师的教学行为重点放在课程准备教师点评。在传统的教学方法中，以教师讲授为主，学生是被动学习知识，在行动导向教学模式中，学生是主体，学生主动学习，教师从旁辅助。但并不是说教师的工作并不重要，一堂好的课，需要教师在课前精心地准备案例、课堂流程，才能更好地引导学生去掌握知识与技能，教师在点评中即可以表扬学生，增加学生的自信心和成就感，也可以评价学生完成任务时的方式方法的正确性，更主要的是能完善学生学习与总结过程中知识与技能的不足，并提出任务的相关扩展知识与应用。

（6）通过学生工作页引导学生进行任务实施，在完成相关任务或习题后，达到该次课的教学目的。

以“用CSS制作弹出菜单”课题为例，学生前期已经学习了HTML列表标签与CSS浮动，学生只需要找开所需的“：hover选择器”与“display属性”的使用方法，这个任务学生是可以通过自学完成的。

这个案例的操作技能非常简单，因此本堂课的重点与难点并不在操作技能的掌握上，而是在培养学生“遇到未掌握知识时如何解决问题”的情感能力上。

（1）制定的学习目标为：知识目标，掌握：hover选择器与display属性的使用；能力目标，能够通过CSS样式实现菜单显示与隐藏；情感目标，培养学生“遇到未掌握知识时如何解决问题”的能力。

（2）教学方法采用行动导向教学模式中的任务驱动法，有布置工作任务、任务分析、任务实施、展示与评价、教师讲解、教学小结、作业布置七个教学过程，其中任务实施过程由学生通过电脑自己网络上的相关知识，并应用到本堂课的任务中，以学生自主学习为主，教师引导为辅。

（3）学生工作页任务流程：

①有哪些功能尚未实现？应该怎么办？

②请问你查找知识的途径是？

③本次任务中的关键代码是什么？

④请简述关键代码的作用。

…

请在电脑上编写本次任务所需的代码。

（4）采用两种难度的任务习题，在较难的习题中，要求学生先用前期学习的列表标签及浮动属性制作静态导航条，并在适当的地方加入“：hover选择器”与“display属性”就可完成本堂课任务，在较易的习题中，已经将列表标签及浮动属性的代码编写好，只需在适当的地方加入“：hover选择器”与“display属性”就可完成本堂课任务。学生可根据自身的情况选择用何种难度完成本次任务

（5）提示学生进行两个方向的知识展，第一个扩展方向：弹出菜单功能除了可以用CSS样式制作，还可以用哪些技术制作（扩展知识点：Javascript、JQuery等脚本语言）；第二个扩展方向：“：hover选择器”与“display属性”还可以实现哪些效果（鼠标滑过图片放大显示的相册效果等）。

（6）要求学生对本次任务的完成经过进行汇报。

（7）教师点评与总结，表扬完成得较好的学生，鼓励尚未完成的学生，并重点讲解“：hover选择器”与“display属性”与“遇到未掌握知识时如何解决问题”的方法。

以行动导向教学模式为主导，通过本课程的学习，学生具有网页设计和制作工作最基本的知识与技能、具备较高的职业素质，能基本胜任各公司的网页设计师和网站管理维护等岗位工作。

参 考 文 献

[1]林姗，刘罡.基于行动导向的课程教学模式改革.[J].计算机教育，2015，16（44-48）

[2]苗树红.基于学案导学的行动导向教学探究.[J].中国职业技术教育，2015，05（79-81）

第3篇：网页课程设计总结范文

关键词： HTML5；语义；经验推导原则；目的教学法

中图分类号：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 课程考核方式

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

考核表格设计：

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

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

参考文献：

第4篇：网页课程设计总结范文

关键词：微课；翻转课堂；网页设计；实践应用

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2016）22-0106-02

1 高职院校《网页设计》课程的研究背景

1.1 网页设计课程教学现状

笔者从事《网页设计》教学多年，根据教学经验经调查研究发现大部分高职院校学生没有达预期的教学目标，主要是在教学中存在以下问题：

1）大班制上课，教学质量得不到保障。因师资力量的限制，高职院校往往采取大班制授课，由于学生数量多，在实践课教学中，学生在实践练习中遇到的问题得不到及时有效解决[1]的情况。

2）课时量有限，学生得不到充分练习。实践教学受授课时间限制，往往采取典型的流程式教学方式，因此学生在有限的课堂时间内，得不到充分练习和巩固提高，常常出现学了新知识忘记旧知识的情况。

3）使得学生学习缺乏主动性，得不到个性化发展。由于原有的计算机知识水平参差不齐，在传统教学过程，课堂上先是教师讲授操作演示，然后再学生上机操作练习。 课堂上学生操作练习的时间少、师生互动欠佳，导致学生缺乏学习的主动性，也很难做到因材施教，学生得不到个性化发展。

这些都影响了网页设计课程实践教学的效率与效果，不利于学生自主思考，限制了学生思维能力和创新能力的养成，妨碍教学质量水平的提高。因此对于高职网页设计实践课的教学模式改革势在必行。

1.2 微课和翻转课堂的概念

1）微课介绍

“微课（Micro-Les-son）”的概念是由美国圣胡安学院高级在教学设计师戴维・彭罗斯于2008年秋季首创，并成功地利用到翻转课堂的教学过程中。“微课”全称是“微型视频课程”， 是指以视频为主要载体记录教师围绕某个知识点或教学环节开展的简短、完整的教学活动[2]。在国外发展比较好，影响比较大的微课主要有可汗学院以及TED。

2）翻转课堂

翻转课堂也称颠倒课堂，起源于美国科罗拉多州落基山的“林地公园”高中。 2007 年春天，该校的乔纳森・伯尔曼（JonBergmann）和亚伦・萨姆斯（AaronSams）是两位化学教师，他们俩人使用录屏软件录制 PowerPoint演示文稿和讲课声音，并且将视频上传到网络，来帮助那些缺席的学生补课。后来，这两位老师引导学生在家看教学视频，在课堂上让学生完成作业，并对在学习中遇到了困难的学生答颖解难。这种教学模式受到了学生的广泛欢迎[3]，这就构成了混合学习的重要模式[4]。

3）基于微课的翻转课堂

教学组织者是教师，其角色由过去的“主演”转换成“导演”， 推进这一转变的基础就是结合微课视频的翻转课堂教学模式，它起源于国外的“翻转课堂”模式，故不能简单照搬，微课仅仅只是一种教学辅助手段，它代替不了课堂学习，采用的视频教学，代替不了课堂上的师生交流，所以要将微课视频与课堂内化的学习两者有机结合起来，线上教育与线下教育优势互相补充，才有利于知识的高效率传递、有利于情感沟通和思维拓展、有利于满足学生个性化的学习需要。

1.3 实行微课的意义

1）强化了学生实践操作，弥补了课时有限的弊端

基于“翻转课堂”教学模式可以将节省下来的新知识讲授、重难点演示时间用于师生探讨、学生强化实践操作，弥补课时有限、学生不能充分练习的弊端；学生可以课内外反复观看、研究学习微课视频，并可随时申请实训室进行实训练习，最终达到实践技能强化效果。

2）及时有效地解决学生问题，达到“一对一”的教学效果

微课视频可以在临近结束时以特写、慢放、图片等形式强调、总结学生在实践练习中出现的各种问题，及时有效地解决学生在实践练习中遇到的各种问题，达到“一对一”教学的效果，弥补师资力量不足的情况。

3）提{了课堂效率，加深了学生对教学内容的理解

在微视频中，教师录制整个实验的操作步骤供学生提前观看预习，并且在上课前收集学生遇到的问题或者课上收集学生新的问题，在课堂上为学生统一解答，学生在课堂上既可以问问题，和教师交流讨论问题，还能进行实验的操作和设计，在遇到操作问题时可通过观看微视频进行解决， 师生共同交流提高，将对教学内容的理解提高到新的层次。

4）有利于学生自主学习和个性学习

在有限的课时量里合理安排教学内容是对该专业实践教学的一个挑战。可以利用微课开放性、资源众多的特点，建设计算机网络专业课系统化、模块化、规范化的微课资源库，作为优质的教学辅助资源，学生则可以自主选择自己想要学习的资源，反复观摩，模仿操作，针对自己的薄弱环节针对性强化实践。翻转课堂混合学习的教学模式，可以使学生在教师引导下利用课前、课后的碎片化时间充分利用微课资源进行自主学习，课中形成“以学生为中心”的个性化课堂。有利于学生将理论知识转化实践知识，促使学生对新知识的掌握和巩固。

纵观之，基于微课的翻转课堂作为-种新的教学模式，自国内外兴起之时，就越碓绞艿焦愦蟮慕淌γ堑那囗，开始纷纷尝试在课堂上利用该理念指导教学。在教学过程中，教师起到一个引导者的作用，实时关注学生的问题，课后也能在论坛或者QQ群里来交流解决问题。这种翻转模式很好地利用了移动互联网和传统课堂的优势，将它们进行结合，优化了我们的实践课堂。

2 基于微课的翻转课堂教学模式在《网页设计》课程中的应用

为了进一步对微课在课堂教学的有效性进行评价，以计算机网络专业网页设计课程的教学实践为例，为微课在高职课堂教学改革提供参考，适应高职应用型人才的培养需求。网页设计课程是计算机各专业的基础课程，主要是培养学生从事网页设计与制作的基本技能，可提高学生理论联系实际的能力，具有典型的代表性。根据课程的教学大纲（实验大纲），可分为9个章节，其中包括8个关键章节：表单、HTML高级应用、CSS基础、DIV+CSS布局方法、文本和图像、超链接和导航菜单、购物商城的制作、商品列表的制作。依托微课的特征和发展性评价要求，将关键章节进一步分解为微单元，如将文本和图像章节分解为文字样式、段落样式、图片样式、背景设置、图文混排、网站的规划与制作流程6个微单元。对每个微单元进行微课课程设计，主要包括学习任务、难点问题、学习资源、课堂互动、课后练习、总结反思6个方面。学习者围绕微课课程设计，制定课程学习计划，完成课前预习。教师在学习者学习的基础上，有效实施课程教学。

2.1 制作微课

根据实验课的教学目标确定实验课的教学内容，网页设计课程属于操作性较强的课程，故采用“Camtasia软件屏幕录制软件+PPT课件”的开发方式，而且此种方式对设备要求不高，一个人一台电脑一对带麦克风的耳机就可轻松实现，根据网页设计课程的教学目标和内容，对每微单元进行微课制作。如在学习文本和图像章节将文字样式属性和段落样式属性做两个不超过10分钟微视频，通过微视频使学生能够模仿操作在Dreamweaver中设计文字样式和段落样式。

2.2 实施微课

1）实验课前：自主在线预习

为了让学生在本次实验课堂之前熟悉相关实验内容，教师可以在每次实验课前一周或者提前两三天时间，通过群文件的方式共享及在班级QQ群或者校园学习网上，要求学生下载相关实验文件并进行阅读，了解实验目的、实验内容和实验步骤，再一边观看微视频，一边跟着进行相关的操作练习。教师通过班级QQ群及时与学生进行沟通交流，这样去激发学生思考并产生一些疑难问题。

2）实验课中：师生实时教学活动

实验课堂上，教师的主要任务就不再像传统教学那样先讲授实验内容再进行操作演示了，而是为学生解答所有的，包括课前和课中的疑难问题，这些问题学生可以通过独立观看教学微视频去探索，也可以学生之间协作交流，还可以学生和老师之间互动提问。当然在学生成果交流后， 可能会产生新的问题来改进实验成果。这种提出问题到解决问题的过程是不断循环，不断延伸和提高的。所以和传统实验课堂相比，学生有了更多的时间去思考、发现和解决问题，同时获得了更多的求助方式――微视频，这样进一步提高了学生的操作能力和教学效果。

3）实验课后：复习拓展提高

实验课后，学生可以通过微课视频进行复习巩固，避免遗忘，大体可以把学生分为三种不同层次：第一种是对于那些极少数未完成实验任务的学生，可以通过微视频的演示来帮助完成实验任务；第二种是对于那些已经完成实验任务的学生，可复习微课和查阅补充性资料，选做一些相关的实验项内容进行拓展训练；第三种是对于那些活学活用并能积极思考的学生，可以在现有的网络教学资源下通过独立探索，思考进一步、深层次和综合性的问题，将新内容与旧内容巧妙联系起来、前后知识相整合，获得进一步提高。

2.3 调研报告，总结实施微课的效果

为了总结学生实施微课的效果主要通过三种方式：课后问卷的调查分析、课堂观察分析和学生实验结果分析，首先设计了《网页设计》实验课微课资源使用情况调查问卷，它包括了微课视频使用基本情况调查、微课视频使用效果情况调查、微课视频质量及学生使用满意度调查；其次是课堂观察分析，可以通过实验课过程中学生的表现、课堂的学习气氛和师生互动性、实验考勤情况、实验结果完成进度和小组成果展示等方面进行分析。最后对学生实验结果分析，通过学生作品的完成情况和最终的完成效果，就可以评价学生的知识和技能的掌握程度。

笔者利用微课， 把翻转课堂教学模式应用在“网页设计” 课程教学中 ， 实践证明，在高职院校实践性、操作性强的课程中实施翻转课堂是可行的，在教学过程中充分体现了教师主导作用、学生主体地位，大大提升学生的实践能力、主动学习能力等。 但翻转课堂教学模式毕竟是一种全新教学理念，只有不断地在实践中实施翻转课堂积累经验，才能完善适合高职院校的翻转课堂教学模式。

参考文献：

[1] 刘慧霞，马建伟，闫秀英，等.微课在高职高专生理学教学中的应用[J].高等医学教学研究，2012（2）.

[2] 张 跃 国，张 渝 江.透 视 “翻 转 课 堂 ”[J].中小学信息技术教育，2012（3）.

第5篇：网页课程设计总结范文

1传统计算机网页设计教学中存在的问题

1.1教学方式落后

如今虽然已经完成了教育改革，但依然有许多教师处于传统教学观念的影响下，其在教学中往往排斥使用新型教学方式。高职教学中计算机网页设计是十分重要的课程，且具有很强的专业性和综合性，其该专业具有很好的就业空间，但若学生在就学期间无法很好的掌握该方面知识和技能，势必会使其丧失此优势。我国高职院校数量众多，虽然很多有实力的院校已经基本实现了信息化教学，但依然有很多院校使用传统的教学方式，传统教学方式对于计算机网页设计专业而言并不具优势，且难以使学生在短时间内掌握更多的内容，因此今后应积极改善教学方式[1]。

1.2课程设置不完善

我国教育由于已经形成了固有的形式，即以理论知识为主，实践知识为辅，此种教学理念虽然曾经发挥了很好的作用，但如今社会需要的是全能型人才、创新型人才，此种理念显然与社会要求相悖。而高职院校恰恰与其相反，其所追求的是为学生创造更多就业机会，因此其在教学中往往以实践为主，但是此种方式虽然可以使学生计算机网页设计能力得到提升，但却不利于学生掌握理论知识，难以将理论与实践更好的融合在一起，总而言之，大多数高职院校仍无法实现理论与实践课程课时更好地调节。

1.3教师综合素质及能力有待提升

计算机网页设计专业具有极强的专业性，对于任课教师的要求也很高，然而总所周知我国师资力量匮乏，能够在该专业独当一面的教师也较少，如近年来我国为了解决师资问题，适当的降低了教师准入标准，使得很多大学生有了当老师的契机，但此种方式虽然可以增加教师的数量，但却无法全面提升教师质量，很多新晋教师虽然自身具有较强的专业技能，但并不善于教学，而有效教师虽然能够很快掌握教学技巧，但奈何自身对计算机网页设计的了解不够深入，同样无法很好的开展教学。另外，很多经验丰富的教师其在教学时往往更喜欢自己的教学方式，因此其在教学中很少会引用新型教学方式[2]。

2案例教学在计算机网页设计中的应用

2.1收集整理素材

在进行案例教学的过程中，教师应善于收集和整理相应素材，在收集素材时应充分从学生的角度出发，意识到那些素材能够在当代学生计算机网页设计方面引起其兴趣，但同时也要考虑到素材与计算机网页设计的相关性。因此教师最终选择的素材可以是网页设计相关的视频、文字和图片等，通过视频学生可以更加直观的看到网页设计带来的视觉效果，能够充分引起学生学习的欲望，而适当的文字可以给学生提供揣摩的时间，便于其深入理解[3]。2.2选择教学案例教学案例的选择尤为重要，教师可以选择目前对于学生而言较为重要的部分，如可以要求学生设计个人求职网站，此种网站设计具有一定的针对性，并且与学生本身发展息息相关。在确定教学案例后，教师则应针对该方面进行更有针对性的讲解，使学生能够对该方面有更加深入的了解，并且要求学生自己主动寻找素材来丰富自己的设计，此种方式不仅能够使学生充分将自己的想法展现出来，也能够使学生更加了解网页设计方面的内容[4]。

2.3讨论分析案例

对案例进行讨论分析是案例教学法中的重中之重，此环节并不是要求学生掌握多么纯熟的设计技巧，而是能够在相互的交流中促进彼此进步。同样以个人求职网站为例，教师可以讲学生集中起来共同讨论，学生均是各个不同的个体，不同个体看待事物的角度不同，所思所想更加不一样，将所有学生聚集在一起能够使学生获得更多设计灵感，也能够充分认识到自身设计中的不足[5]。

2.4对案例进行总结并实现自我提升

案例教学法的最后应对案例进行总结，其中包括学生各自的想法抒发，教师对各个学生想法的评价等，同时教师应针对学生在讨论时提出的问题进行明确的解答，也要给予学生新的问题，使其能够促进自己不断开动思维，如此一来在课堂上机时，学生即可以带着问题进行设计。案例总结具有十分重要的意义，无论对于学生而言或是教师而言均是。

3结语

综上所述，研究关于案例教学在计算机网页设计中的应用方面的内容具有十分重要的意义，其不仅关系到我国高职教学的全面发展，也与学生的个人学习、各方面能力的提升息息相关。如今社会各界对人才的要求越来越高，我国也在为实现全民教育、提升教学质量而不断努力，针对案例教学法我国教育界也在不断对其完善，将其应用于计算机网页设计中后其虽然使得教学效果有了较大的提升，但时代在进步，教育事业更不能停滞不前，若案例教学法不及时进行丰富，也会逐步沦为传统教学法，因此今后高职院校更应加强对此方面的研究。

引用：

[1]郭锂,叶惠文.基于“双层项目驱动教学模式”的计算机基础课程立体教材开发与应用——以《网页设计与制作》为例[J].中国大学教学,2012,(11)02:83-85.

[2]谭琦.案例教学在计算机网页设计教学中的运用[J].信息与电脑(理论版),2012,(02)08:195-196.

[3]郭锂,叶惠文.TPBIM在“广东省高校计算机公共课教学改革”试点课程中的构建与应用——以“网页设计与制作”课程为例[J].中国电化教育,2012,(10)12:111-114+135.

第6篇：网页课程设计总结范文

关键词：网页设计；教学设计；课程体系

中图分类号：TP3 文献标识码：A 文章编号：1009-3044（2013）26-5946-02

本项目结合网页设计课程特点，立足动漫专业实际岗位需求，针对学生的实际情况，结合动漫专业的实际岗位案例项目，将网页前端设计师岗位所需的实践课程与企业应用相合作，开发项目化实践教学环节，并置换原教学计划内课程。教学环境以工作过程作为要素，学生主导，教师组织教学，培养和激发学习的积极性和主动性。通过课程建设与教学改革，提升网页前端设计师的首岗适应和多岗迁移能力，实现社会对人才需求与教学培养目标的对接。

1 现状分析

1）教学对象。动漫专业的学生对网页设计存在一定的兴趣，需要合理的企业项目引导；生源水平参差不齐，需要一定的分层次教学；学生的程序逻辑思维不强；学生在设计能力和艺术修养上还有所欠缺；学生的学习自主性较弱，需要适当引导和培养。

2）课程体系。现有的课程包含设计、实现等多方面要求，内容涵盖较广，就已有网页设计课程的内容和体系来说，对于后续课程的开展不利。Web开发方向的基础课程就是本门课程，后续课程中对于JavaScript、Flash等一些前端技术的要求，也应该在本门课程中予以涵盖，至少让学生了解对应技术的简单应用。

3）教材内容。一方面，学校教学没有合适、合理、符合岗位的实时素材，无论是教学内容，还是素材时效上都不尽人意，另一方面，企业中项目快速更新，却缺乏有效的总结和整理，造成极大的资源浪费，学校和企业之间达不到信息的优化和共享。

4）教学方法。学生在学习过程中未能充分做到“教”与“学”的统一，与新时期高职教育“理论够用，重在实践”的指导思想不符。老师上课讲，学生听，学生学习主动性和积极性没有充分调动起来，学习效果自然受影响，不利于高职学生提升专业素质。

2 教学实施

针对高职动漫专业的生源特点，从实际工作任务分析出发确定典型工作任务，通过对典型工作任务的教学改造，覆盖必须的知识技能，并按任务难度递进，设计本课程的教学项目，课程中项目的排列顺序遵循个人在实际工作岗位中的成长规律。课程内容依据对网页设计师的职业能力分析来确定，项目载体设计思路是根据常见的网站类型来设计项目载体，项目均来源于真实项目，将行业与专业紧密结合，选用实际典型案例，每个项目以项目完成目标作为教学方向，以项目实践全过程作为教学进程。并按照企业的制作标准及时间进度进行规划与要求，使学生在完成项目的过程中能感受真实工作情境，熟悉工作流程。突出对学生对网页的设计与制作能力的训练。教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的视觉表达能力。

项目具体实施依托浙江普达海文化产业有限公司进行校企合作，从学生熟悉的动漫设计类网站上取素材，从日常应用着手，熟悉网页需求，在实践教学项目的选择上，采用实际场景中的真实案例，贯穿整个课程教学。实践环节中的案例采用企业的实际案例，融合HTML、CSS、JS、CMS等相关技术，通过这些案例的完成，增强了学生综合运用所学技能解决具体问题的能力，使学生懂得如何才能顺利就业。

项目综合表如表1。

Web设计课程由若干系列课程组成，如《HTML网页设计》、《CSS/DIV/JavaScript客户端动态网页编程》等，而此课程提供的项目案例为后续系列课程准备了足够的实践基础，后续课程就是在本门课的基础上进行再开发。

3 项目特色与创新

1）立足企业，培养学生就业意识

与浙江普达海文化产业有限公司进行校企合作，实现资源互补共享，促成“校中厂”实体， 加强企业特色的传达和企业文化宣传，让学生切身体会网页设计师岗位的就业前景，培养学生就业意识。

2）融合网页前端设计师岗位需求，强化技能煅练，加强学生就业能力

依据市场和企业的职业需求变化，老岗位部分实践教学案例可以直接移植到新岗位。以真实岗位及其工作过程为依据，从实际应用中取材，学生在实践教学过程中要完成相应的项目任务，加大学生实战的机会和学习的成就感，增强了学生综合运用所学技能解决具体问题的能力，从而使我们培养的学生能迅速融入企业，扎根社会。

3）改变现有的网页课程教学模式

通过课程改革，利用教学辅助平台提供学生自学和扩充知识面的学习环境。教师通过教学网站共享教学资源，学生利用网上教学资源、自主学习、自主测试，同学们可以通过教学网站的论坛讨论问题，实现网上答疑，将学习延伸到课下，增加师生交互，大大提高教师的教学效率和学生的学习积极性。

4 结束语

本项目在课程内容的编排、教学方法、教学大纲、教材建设、实验设计以及课程设计等方面进行了优化和创新。通过构建教学辅助站点，授课教师与学生建立了良好的沟通关系，对于激发学生的学习和创作兴趣，公平、公正、公开的进行教学环节的形成性评价都有相当重要的作用。

参考文献：

[1] 江海燕，杜林，李树金，赵珂.探“网页设计”之教学[J].计算机教育，2009（2）.

[2] 田小云.论动漫产业发展与人才培养[A].学术论坛科技创新导报，248.

第7篇：网页课程设计总结范文

关键词：高职；教学方法；能力培养

中图分类号：G424 文献标识码：A 文章编号：1009-3044（2012）35-8529-02

《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行WEB应用系统开发的重要基础。针对高职院校的特点，结合本行业的需求及课程特点，该文就该课程的内容如何选取，教学方法与能力培养等问题进行了一些分析和探讨。

1　教学内容的安排

1.1　根据课程标准安排教学内容

课程标准是规定课程的性质、目标、内容框架，提出教学建议和评价建议的纲领性教学文件。在进行课程设计前，要先了解该课程的课程标准。

《网页设计与制作》课程的总体目标是：基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网页有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作及维护的能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠定良好的基础。

1.2　以行业需求为依据，就业为导向，与时俱进为原则。

通过对IT　行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计分为网页设计、网页制作、网站编辑、网站管理　4大岗位群。其中网页设计主要是网站开发前期界面的效果图设计，网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，网站编辑主要负责网站内容的维护和管理为主的工作岗位，网站管理主要负责网站的日常维护、网站的改版等工作。

在教学中，可以根据这些职业岗位和不断发展的IT技术对技能和知识的需求，选取课程教学内容，并从这些职业岗位中选择一些真实项目作为实践教学内容。

1.3　以激发学生学习热情为目的设计教学内容

兴趣是最好的老师，有了兴趣才能使学习效率提高，因此在学习过程中，为保持学生的学习热情，必须精心设计教学内容。

网页设计所涉及的领域十分广泛，生活之中无处不在。且本课程最终目的为制作一个成功的静态网站，那么在教学过程中，设计案例、任务及最终项目时，应以当代大学生所感兴趣的角度出发，或者给予其充分的自，让他们为了圆满完成自己的想法和创意而积极主动的去汲取新的知识，掌握技巧，提高动手能力。

2　教学模式探讨

本课程的教学过程中，所采用的教学模式主要有“教学做一体化”，“任务驱动”和“项目教学”等。根据课程特点，使用“教学做一体化”让学生打好知识基础，使用“任务驱动”模式让学生巩固知识并掌握一定的技能，提高动手能力，并能以完成任务为目标培养自主学习及发现问题解决问题的能力。最后通过“项目教学”培养学生的职业能力。

2.1　“教学做一体化”教学模式

网页设计与制作的主要知识点在于：html语言、css样式、网页制作软件的操作。对于知识点的教学应该主要由教师讲授来引导学生入门，再根据该课程实践性强的特点，让学生尝试用动手操作的方式来理解和消化吸收知识点，再引导学生总结重点、难点、方法和技巧，以此打好基础，为完成后续的任务而做好准备工作。

2.2　“任务驱动”与“工作项目”相结合

在企业中，完成一个网页也可以是一个完整的工作过程。完成一个整体网站则需要多个工作过程。本课程的要求是完成整体网页的设计与制作。其中网页是由logo、banner、导航、文字、图像、动画、视频等元素组合而成。各个元素的添加的方法与组合方法则是本课程所介绍的重点知识。

在网站建设行业中，不同的企业机构在设计网页时，均有不同的需求。如有的企业因为信息量小功能少就需要设计简洁型网页，而有些则需要设计成大型的结构复杂的页面，不管是复杂还是简洁，都是相同的制作流程，不同的是简洁型涉及知识点少。教学过程中，可以从简洁型网页入手，由浅入深设计工作项目，例如设计一个完成纯文字页面的工作项目，将些项目分解为几个工作任务：认识网页创建站点应用网页元素“文字”对网页布局完成页面初期效果，通过完成各种工作任务直到整个项目，学生不仅掌握了相关的知识点，还可以以一名网站制作人员的身份，体会了制作页面的工作过程。

在随后的教学中，再融入新的知识点，设计稍为复杂的项目，循序渐近，如适当添加元素或者变换组合方式及网站优化等，通过完成不同的项目，体会不同工作岗位的需求：如作为网页设计师对网页进行布局、配色与装饰等；作为网站管理人员从便于维护和修改的角度对网页进行修改；或者作为网站seo对网站进行全方位的优化处理等。并在完成项目的同时，通过引导学生总结学习方法，引导其自主学习，举一反三，以达到掌握知识，强化技能的目的。

2.3　以作品评价为考核方式

在学期即将结束之前，教师适合学生能力的工作项目，提出设计要求，学生以网站建设团队的人员结构为依据，组成小组，并明确分工。以市场调研需求分析整体规划确定方案收集素材协作完成推广后期维护的行业实际工作过程，小组成员分别以项目经理、业务员、网站美工、网站编辑、网站设计与制作、网站优化维护人员等身份，以工作的形式完成最终项目的制作，让学生在做中学，学中做，自主管理，使学习能力、沟通能力、岗位适应能力等各方面都得到提高。通过对项目完成的情况进行评价，项目考核成绩*60%　+平时成绩*40%作为该门课程总成绩。其中平时成绩包括为出勤+　纪律+　团队协作能力（互评成绩），这种考核方式注重实践操作和应用开发能力的培养，可以大大发挥学生的学习积极性和主动性。

3　注重学生能力的培养

从高职院校的特点出发，再结合本行业的需求，本课程以培养学生成为一名优秀的网页制作人员为宗旨，除了让学生熟练掌握网页设计与制作中的各种操作技术具备开发维护小型网站的能力外，还要为学习计算机网络技术专业后续课程的知识打下基础。在教学中，应注意全方位的培养学生和各种能力。

首先，对于专业能力，学生除了掌握网站制作流程，网页制作软件的操作，使用软件完成网页的结构搭建、布局与美化外，还应该顺应时代养成手写代码的习惯，这样不仅使制作出来的网页能符合web标准，同时还能为学习web应用系统开发打下基础。

第二，在教学过程中，通过完成一个个项目，对学生的协调沟通能力、资料检索能力、阅读分析能力、语言表达能力、项目策划能力、分析能力、创新能力均能进行很好的锻炼。

第三，模拟工作环境的教学，对于学生端正工作态度，有责任心，具备团队意识和协作能力都有很好的提高。

4　结束语

随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。

参考文献：

第8篇：网页课程设计总结范文

关键词：网页制作；教学；模式；设计

中图分类号：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）.

第9篇：网页课程设计总结范文

关键词：课程规划设计教学质量计算机教改

一、在教改大前提下的课程规划

1.教学方式改革前提下的课程规划

以往的教学方法比较传统，往往教师作为课堂的主导者，学生相对来说比较被动。但是教学改革方向式向学生为主体演变的趋势，如强调学习的方法策略、学习的内容以及学习的自主性。这有助于学生的全面综合发展，让学生的主体意识得到发挥，在教育过程中给学生选择和参与的机会，以此实现教育以人为本的宗旨。学生综合素质的提高也很重要，启发式教学能够培养学生的创新思维和独立思考能力，让学生自我思考独立思考，在思考中开动脑筋开阔眼力。

2.指导课程设计的主流思想

其一，课程的设计要有很高的质量，课程的内容也要呈现出现代科学技术的先进性，媒体时代特征也要呈现其中。效益、整体的合理、理想与实际、现代化特点和个性突出等全方面因素，都是值得注意的。其二，系统性和连贯性、层次性要统一，完整体现学生的认识能力和计算机比较科学的知识结构。计算机教师应该采取不同的教学模式和方法，寻找到适合学生的方法模式。举例是一个很好的教学方法，但是举例也要合理，通过举例来帮助学生理解知识，加深印象，改进教学，提升教学效果。采用现代化教学技术是必不可少的，能够开发学生的智力，培养他们思考的能力，培养他们的兴趣爱好，让他们在一个良好的氛围内提高自身的综合能力。

3.教学课程设计的模式

其一，学生自学加老师辅导式：教师安排学习内容——学生展开自学——老师解难答疑——老师总结，共同进步。其二，教师传道解惑式：培养学生学习乐趣——重点难点复习——讲练结合——巩固思维。其三，发现问题式：学生提问题——进行编程对算法——进行调整和改善——对此进行合理总结。其四，创造情景式：模拟教学的氛围——让学生亲临其境———培养创新能力——化为自己的知识并提高。其五：模仿式：特定性的思维方式——目的性明确——思想能开阔——归纳结论。

二、精心选择课堂设计的内容

在设计课堂课程中，应当着重尽可能地优化教学课程内容。做到添加更多的新知识，甚至适当地打破知识原有体系。构建新的知识体系，我们应少讲一些理论知识，多讲一些实际知识和操作的方式方法与具体案例。例如，当谈到计算机的相关安全性知识时，对于计算机曾经出现过的故障难题，要给学生讲清楚。再如，经常出现“冲击波”病毒等问题，那么讲解有关这方面类似知识，讲解的同时教给学生处理问题的思维与解决问题的方法。学习Word知识时设计的课程要做到具备实践环节，这样有助于培养学生实践解决问题的能力。例如，用文字的方式处理软件时要求学生完成一幅画，这幅画要是漂亮的、完善的；当学习Word有关页眉和页脚相关问题时，课程被设计成一个单、双页眉设计的一些方法。学习Windows操作系统时，课程内容设计应该要求学生在完成这门课程后给自己拍一些照片，把这些照片布置成桌面。学习网页制作、课程设计后把可以帮助某些单位设计网页等。这样课程的内容被丰富起来，知识和实践不断地联系在一起发生更大的作用，让学生更有新鲜感和趣味感，促进他们不断求索，从而他们的兴趣也被培养起来。

三、基于行动导向教改大前提下的项目化课程安排

1.设计课程的思路

社会的需求日益向前发展，职业性变成职业教育的重中之重，要促进学生的职业素质以及各方面综合能力的提高，提升他们的实践劳动能力，培养学生职业能力是项目课程的主要目标。立足于岗位的需要这是一个大的背景前提，要打破以往理论在前实验在后的教学模式和简单的理论解释，就要树立学生实践意识培养实践经验，这是有必要并且意义非凡的，适应了职业教育在现代社会的发展潮流。例如，《Access数据库程序设计》作为一门计算机教学过程中的基础课程，教师对这门课进行设计时，计算机学习的内容的确定应当把工作过程当作导向。计算机的学习目标的确定应该以能力培养作为导向。学生是教学过程的主体，任务的驱动还有项目的引领，是教学方法确定的基本途径。构建课程的基础内容体系要把行动作为导向，教学评价要立足于社会的整体需求。

2.课程整体的规划

第一，把学生放在主体地位上，增强学生的实践能力。在《Access数据库程序设计》课程中，程序设计的基本理论知识教学应该注重方法、技能和学习素养的培养，这样可以激发学生的学习欲望。根据这种启示和提示，了解分析该程序的基础知识、有关方法，促进思维能力和软件的开发制作能力全面发展。提升知行结合的能力，增强创新意识，培养独立分析问题，解决问题的能力。在课程实施过程中，在教师的指导工作下注重学生知识的构建，培养学生活跃的思维，提高学习技能，展现学生个人个性，拓宽学生的视野范围等。第二，把工作作为导向，增强学生的职业能力，根据市场的调研情况和岗位的需求情况，把学生的职业能力当作教学的重点，对课程进行改革。把工作岗位需求程序设计院的需求作为设计课程的具体内容，把工作内容当作设计课程的导向。教学时要依据教学任务，做好课程在专业课程体系中的定位。以工作为导向，培养学生的专业能力。根据市场调研情况，根据岗位需求，以培养学生的职业能力为重点，改革课程内容。通过工作站进行处理确定课程内容的设计要求，根据工作设计教学任务。课程以专业课程的形式提供系统中的定位，捕获特定的典型工作任务，找出理论和实践之间的关系，根据典型工作任务设计教学情境和教学目标标准。

3.课程设计的实施

首先是总体设计。在课程模拟项目的开发过程中，作品的真实场景被还原，根据工作过程选择一些相对简单的场景作为典型的教学工作任务。其次，学生应该是选择的中心，选择合适的内容以及合适的教学方法，教师只在教学开始时起到辅助作用，帮助学生学习。再次，在培训室组织教学，使教学成为一个学习过程，是知识的应用，边做边学，教、学、做有机统一。