网页制作课程设计总结范文

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

【关键词】网站开发与网页制作 网络现状分析 网络设计未来发展规划

网络课程设计是针对当前网络教学过程中，如何有效直观的进展课程和培养学生实际操作能力的一种教学方式，它突出以学生为重点，强调理论实际相结合从而达到快速掌握和应用的目的。“网站开发与网页制作”是运用编程语言，数据库语言和网页美工的一种集网页链接、编辑、制作生成的所见即所得的网站编辑程序，它的诞生提高了宣传和认知能力，加速了电子商务的发展，基于它的重要性和普遍性，激发了我们对网络课程设计的浓厚兴趣，使之精益求精，来确保我们的“网站开发与网页制作”课程丰富多彩，运用自如。

1 “网站开发与网页制作”网络设计现状分析

1.1 网站开发语言安全性

网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。

1.2 静态网页制作中Dreamweaver的应用

现阶段，在网站开发与网页制作课程中，Dreamweaver网页静态编辑器应用最为广泛，它从最初的1.0版本升级到CS5，同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片，三维立体调色，人物实体渲染等丰富强大的功能，这在网页制作图像编辑上发挥了立竿见影的作用，其次它带有扫描和创作功能，使制作的图片所见即所得；同时他还具有自由变换渲染实景的强大功能，可以还原复古地域风情、分辨明暗光景、丰富人物表情等，使我们的图像新颖而富有特色。

1.3 收录引擎对网站的友好度

搜索引擎属于网站开发与网页制作的后台工作，它是支撑网页正常运行的必要条件，也是网站链接显示的重要组成部分，PHP、JAVA、ASP程序的编写就好比人的大脑，它的关键度和完整度不言而喻。在制作处理完网页，建立网站后往往要优化系统，有利于提高网站的点击率和被百度收录的几率，这也是网络课程设计的范畴，由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性，从而提高了网站开发与网页制作的热情和创新性。

2 “网站开发与网页制作”设计发展规划

2.1 多层次深发展满足不同领域的需求

网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。

2.2 整合资源优化知识结构，提高网络课程设计效率

在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。

2.3 理论实际相结合，培养学生动手能力

在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。

2.4 将前台简单的网页编辑延伸至后台技术的开发及数据库的整理

网站后台制作是一项乏味而艰巨的任务，针对它的特殊性和复杂性，在网络课程设计时，注重多媒体的使用，这样可以使枯燥的编程程序直观的表达，易于学生的接受；其次后台数据库的整理工作更是需要专业知识的铺垫，需要多涉及实际数据的推算和项目数据库整理工作，同时注重学生的综合感受和自我评价能力，使它们能完全融入先进的课程设计中，从而达到理论实际结合的目的。

3 结束语

时代在发展，教育在改革，随着计算机应用的普及，网络教育占据主流力量，网站开发与网页制作网络课程设计会得到大力的推广和应用，它不仅可以直观形象的讲解原理，因材施教，而且注重学生理论实践相结合的动手能力，从而大大提高了学生的综合素质和就业适应能力。

参考文献

[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.

[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010.

[3]卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.

作者简介

史文斌（1986-），男，籍贯：江苏苏州，大学本科，现供职于苏州大学计算机学院，研究方向为计算机技术。

作者单位

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

关键词：网页制作；职业能力；高职教育

作者简介：柳珺（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）.

[2]韦昌有.办公自动化课程教学模式探析——“任务引领，做学一体”教学模式的探讨与应用[J].广西民族师范学院学报，2011，（3）.

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

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

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

[5]邹利华，陆炜妮.“翻转课堂”教学模式研究与实践――以“flas制作”课程为例[J].江苏经贸职业技术学院学报，2015（1）：86-89.

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

关键词：工学结合；网页设计；岗位能力

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

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

一、职业岗位分析

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

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

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

三、课程教学目标

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

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

四、课程教学内容

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

五、课程的教学实施

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

六、考核方法

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

七、结束语

基于工作过程的《网页制作》课程的设计，将传统的教师“教”，学生“学”的教学模式，转变为以学生为主体，以教师为主导，以企业真实项目为载体，综合培养学生的动手实践能力与职业能力。课程内容更加符合真实的工作过程，使学生体验到真实工作情景。提高学生的职业能力，实现学生的“零距离”就业。

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

>> 基于项目化教学的“网页设计与制作”课程改革与实践 《网页设计与制作》课程教学的创新与实践 网页设计与制作课程的教学改革与实践研究 《网页设计与制作》课程的开发与实践探析 《网页设计与制作》课程建设的认知与实践 计算机广告制作专业的网页设计课程教学改革与实践 《网页设计与制作》课程教学模式的改革及实践 基于工作过程的“网页设计与制作”课程改革的探索与实践 网页设计与制作的课程改革新动向 中职《网页设计与制作》课程的改革初探 网页制作课程设计的组织与实践 任务驱动法在《网页设计与制作》课程教学中的实践探索 项目驱动式教学法在“网页设计与制作”中的研究与应用 基于CDIO理念的网页设计与制作教学改革与实践探究 基于项目牵引式《网页设计与制作》教学的实践与探究 “网页制作”的教学设计与实践探究 “网页设计与制作”课程教学方法的探索 《网页设计与制作》课程的教学探讨 浅谈《网页设计与制作》课程的实训教学 浅析《网页设计与制作》课程的教学方法 常见问题解答 当前所在位置：l；

页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；

3）页面设计中导航和超链接清晰，对象插入合理；

4）网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；

5）在网页中恰当的位置设计一个简单的登录表单；

6）网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。

7）运用外部样式表定制网页风格，网站内风格统一。

3.2.4 学习评价

学习评价包括过程性评价和总结性评价。评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。根据上述网站制作要求，客观公正地评价学生的学习效果。由于学生解决实际问题能力有限，在项目实施过程中，可能会存在一系列的问题，在小组互评中，各小组组长在汇报中要指出网站制作过程中出现的问题所在及其解决方法，使学生的各种能力在评价中得到提高。在评价方法上，主要评价学生是否达到项目既定的目标要求，关注学生在完成项目中的进步程度，这样有利于学生实践能力和创新能力的培养。

在本课程中，每个学生学习的效果直接由完成网站的情况来衡量，包括四个部分：一是教师评价，由教师对各个小组项目完成情况进行评定，评价内容主要包括能否共同协作、是否实现预定功能等；二是小组间互评，由各小组组长在项目完成后给全班同学进行汇报，主要包括网站的设计思路、小组成员分工情况以及如何完成既定目标；三是小组内部各成员间互评，由各小组成员根据各组员对本小组项目贡献的情况进行互评；四是学生自评，由学生本人进行自评，通过学习是否有所提高。综合以上评定情况来确定每一名学生的学生总评成绩。

4 总结

通过多年的教学实践，采用项目驱动模式教学，能明确学习目标，较大地提升学习者的学习兴趣。从而提高学生的学习效果，保证教学质量，锻炼学生解决实际问题的能力。因此，项目驱动教学模式对《网页设计与制作》课程来说是行之有效的教学方法。

参考文献：

[1] 张钰莎. 项目驱动式教学法在《网页设计与制作》中的探讨[J].现代计算机，2011（6）.

[2] 胡永刚. 项目教学法在《网页制作基础》课程中的应用[J].机械职业教育，2008（2）.

[3] 王宁娟.浅谈任务驱动法在网页制作教学中的应用[J].职业教育，2011（9）.

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

关键词：网页制作；任务驱动法；公共选修课

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

[7]高凌琴.CDIO工程教育模式在高职计算机教学中的应用研究[J].中国成人教育,2011(6):127-129．

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

【关键词】 信息技术 项目化教学 应用

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

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

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

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

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

资讯：

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

计划与决策：

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

实施：

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

检查与评价：

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

三、结语

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

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

参 考 文 献

[1] 赵蹇. 项目教学法在高职《网页设计与制作》课程教学中的应用[D]. 武汉： 华中师范大学，2009.

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

对于英语基础薄弱、逻辑思维能力较差、计算机应用能力一般的中职生来说，要使其能够熟练应用ASP语言开发网站，传统灌输式教授已不能保证教学效果。本人根据多年教学经验，针对学生及课程特点，为进一步提高学生对动态网页制作知识的掌握，选取了项目教学法作为这门课的教学实施方法。下面以“在线考试系统”项目建设为例，结合教学过程，对《ASP网页制作》课程进行探讨。

一、项目教学法的理论依据

项目教学法是一种以学生自主探索为基础，由以教师为中心转变为以学生为中心，由以课本为中心转变为以“项目”为中心，由以课堂为中心转变为以实际经验为中心的教学方法。教师将需要达到的教学目的设计为一个项目，以小组协助方式指导学生按照实际共同制定计划，团体协作完成整个项目。这样可以使学生了解问题的全过程，真正提高学生分析和解决实际问题的能力，更有利于学生对动态网页制作技能的掌握。

二、课程设计

本校《ASP网页制作》课程课时安排为每周四个课时，每次教学为90分钟。为了使项目教学在课堂中更好地开展，任务尽量细化设计，争取在五周内完成教学，周期太长不利于项目连贯性，学生学习热情和持续性都会降低。在任务设计过程中，要将知识点融合在项目中，学生通过练习操作，熟练地掌握所需知R和技能。本文采用“在线考试系统”为例进行说明，该项目以任务为载体，将课程学习知识点分解到各个任务中。

三、项目教学法课堂实施过程

项目教学必须以学生为学习主体，使学生在掌握了必备基础知识后模拟真实工作任务，我们的项目式教学方法基本实施过程见表1。

教师为学生提供对应纸质学习资料或者网络课件，提高学生学习针对性

2

项目二环境配置

任务1 开发环境配置任务2 数据库设计

引导学生搭建班级网站框架，建立数据库和连接

2

项目三框架搭建

任务1搭建首页网站框架，应用主题任务2形成清晰网站目录结构

指导学生使用导航控件和地图

2

项目四考生模块

任务1 登陆界面任务2 考试管理页面（规则、待考科目、考试、成绩、个人信息）

指导和鼓励学生克服编程中遇到的问题，掌握算法

3

项目五教师模块

任务1登陆界面任务2教师管理页面（题库管理、浏览成绩、个人信息）

3

项目六管理员模块

任务1 后台管理（学生信息 教师信息 试题信息科目信息 考试结果 管理员信息）

5

项目七 网站测试和

任务1 网站测试任务2 网站项目到IIS 服务器任务3 申请免费域名

教师指导学生网站，使用免费域名在internet 环境下访问网站，实施系统测试

2

项目总结

1

四、总结

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

电子商务计算机方面的课程主要分为两个方面：培养学生的日常办公能力和应用互联网络的一般技能。其中，日常办公能力主要由办公软件、网络工具的运用等组成；网络基础知识则包含了计算机网络基础知识和网页设计与制作等课程。在课程结构上，网页制作和图像处理基础知识位于网页制作技术的最底端，包含了进行单个网页制作的基础内容、对网页或广告中的图像的添加、处理和修改等等内容。在网页制作课程的基础授课内容中，已经可以涉及到部分简单的HTML4标准的语义标签了，因此可以方便接续HTML5升级后的语义标签进行知识拓展。网站建设课程为偏重编写程序的递进知识内容，将HTML5的内容放置在其前面，正好可以针对HTML语义新标签进行新知识的升级讲解，实现环环相扣的递进关系。在现有的知识框架中进行一定程度的调整和升级，符合渐进式课程改革的方式。HTML5新标准课程从知识体系上与网页设计与制作相接续，后延课程可以包括javascript脚本知识、动态网页制作知识等递进知识。由于其技术类课程的特点，适合采用集中授课的方式进行讲授，建议将其设置为“实验”或“实训”等类型的课程，学时设置在28~36左右。为了提高课程的知识含量，本课程可涉及部分AJAX知识作为拓展学习内容，可引导基础牢靠、理解能力强的部分学生进行深入学习。

2授课方式方法

本门课程侧重动手实践能力的培养，可采用循环授课的方式来逐渐巩固学生的基础。第一轮的学习中，以跟随教师同步操作完成一个成型的网页页面为核心，在该过程中，尽量包括足够的HTML5的相关知识点，但不对知识点做过于详细的解释，主要以“能用”为主，在后面的学习中再慢慢过渡到“会用”的程度。第二轮的学习中，逐步减少对新增知识点的学习，转而对已有知识的综合运用上去，以巩固其基础。第三轮的学习采取较为开放性的方式，引导学生利用已有知识进行网页页面布局，教师可作为辅助指导。在学生遇到较大障碍的时候，对学生尚不理解的知识进行部分讲解和指导，引导学生查找相关资料，从而促进其“持续学习”。

3授课知识框架参考

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

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

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

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

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

此处可适当加深内容，但是不可一味追求难度。可以进行阶梯式步进学习，对复杂知识以多个小实例来带动学习（比如对流式布局的讲解，可以先例举网页中标签的BLOCK显示效果实现，过渡到两个BLOCK块的浮动显示，接续制作一个自动扩充的导航条，再到整个网页页面的流动布局讲解，如此则更加具备授课结构的逻辑性）。教师授课过程中，要适时记录学生学习的状态，不断在框架内进行授课内容和方法的小范围调整，不可贪多求快，也不可过分拖拉。教师可引导学生进行自我学习，提升其理解能力。

3.3放开手脚

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

4课程考核方式

本课程的考核可采取累加式考核，对三轮授课进行分别考核，然后汇总考核表格设计：根据学生三轮表现生成图表，对考核学生成绩也较为直观。

网页制作课程设计总结范文第10篇

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

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

[10] 叶仕通，万智萍. 网页设计应用型人才层次化培养的探讨[J]. 长春大学学报（自然科学版）， 2012 （6）.