前言：中文期刊网精心挑选了网页制作课程设计总结范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。
网页制作课程设计总结范文1
关键词：网页制作；任务驱动法；公共选修课
公共选修课作为高校课程体系的必要组成部分,在人才培养中起着优化知识结构、提升综合素质、促进个性发展等重要作用，解决公选课开设过程中存在的问题，提高教学效果，是高校教学研究的一项重要课题[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．
网页制作课程设计总结范文2
【关键词】 网页设计与制作 教学改革 教学方法
随着信息技术的飞速发展，网络已成为人们相互交流和获取信息的又一重要手段，为此互联网上出现了形形的各种网站，无论是企事业单位的门户网站还是个人的博客等都成为人们自我展示和交流互动的平台，这一平台的基本构成元素就是一个个网页。因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践 能力和自学能力。
1 教学方法的探讨
网页制作是一门实践性和操作性非常强的课程，通过几轮的教学，我认为在这门课程的教学中不能采用传统的教学方法，而是要努力提高学生的综合应用能力和创新能力，加强学生的实践动手能力，为此我采用课堂讲解及案例分析法、项目教学法、案例录像演示、阶段实训，综合实训的教学方法。做到学以致用，以“用”促学，边“用”边学，突出“教，学，做”一体化的教育理念。
1.1 案例教学法
要求学生做出高水平、高质量的网页，首先要开阔学生的视野，开拓学生的思路，教师在上课的过程中，一定要精心设计案例，充分利用互联网上的资源，搜索学生感兴趣而且水平较高的网站作为案例，并能结合课程教学的需要将知识点融于其中，不仅起到教的作用，更要在其过程中，激发学生内在的动力，因为学生在刚刚接触网页设计这门课程时，没有网页设计的思路和方法，即使是做一个简单的个人主页，学生都会觉得无从下手。我们必须通过模仿一些精美的案例，让学生来了解网站建设的方法和流程，模仿他人的网站，从网站的配色到网站的布局、网站的内容结构等都可以模仿，这样就可以将在模仿他人网页中学到的知识结合到自己的创造中来。
1.2 项目教学法
在教学过程中，为了达到对网页制作知识和技能的系统掌握和知识整合，综合提升学生能力，倡导将教学结果作为项目内容直接提交给用户，使得学另外生能够零距离地接触市场。扩大校外实训基地建设，以满足本课程真实工作任务下的教学。
以企业对于岗位的需求为起点，把企业的实际环境引入到教学环境中去，并将两者有机地结合在一起，对具体项目的参与和剖析，非常有利于学生对知识架构的整体把握。不同能力的学生分别承担相应的任务，能力强的学生可以适当地承担核心任务的开发。项目教学法可以充分发挥学生的主观能动性，极大地提高了具体层面的操作能力，培养了团队合作意识，同时帮助他们学会如何更好地对问题进行发现、分析、解决。
1.3 屏幕录像演示法
针对职业院校的学生。程度参差不齐，对于接收能力较差的同学，制作案例的过程，无法做到一次全部领悟，教师可以采用边讲解边录像的方法，学生课下可以参照录像回顾教师讲解的知识点，完成本课基本案例的制作。在此基础上以达到独立完成拓展案例的制作，以此来锻炼学生的综合应用能力和分析问题、解决问题能力，提高学生的综合素质。
1.4 阶段实训法
定期给学生一些虚拟项目作为课程设计，培养学生单独规范的做项目的能力及网站设计的综合能力，在设计中注意引导学生提高审美能力，强调技术与艺术的融合，将网页作品当作一份具有生命力的艺术品。教师指导学生实施具体项目，引导学生解决问题，项目完成后，学生之间先进行自评，互评，最后教师点评，并把优秀作品向全体学生加以展示，以激发学生学习兴趣、形成持久学习动力，提升自主学习能力。
2 考核、评价方法的改变
网页制作课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力。对于网页这门课程，我认为比较合理的评价方法应该是平时的作业占40%，阶段实训占20%，期末考试占40%，平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况，阶段实训可以考核学生的学习情况，要求在考试时间内完成题目。对于期末考试，应该以要求学生设计一个完整的网站来结束本课程，本身一个网站的建设在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，学生可以利用互联网来收集相关的资料，参考引用他人模板来完成任务，所以应该以上交作品的形式完成本课程的期末考试，，在作品完成的过程中，老师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。
3 职业资格考试的推广
《网页制作》是全国职业院校计算机技能竞赛的项目之一，在教学过程中教师就要不断反思，不断地总结经验教训，和企业保持紧密联系，了解企业最新的技术和方法，使学生能够真正掌握这门技术。鼓励学生参加每年进行“网页制作”和“三维动画设计师”的职业资格培训和职业技能鉴定考试，为学生就业开辟了通道。
在《网页设计与制作》这一典型的技能实践类课程教学中，教学方法改革十分重要，要求充分发挥学生的主管能动性，通过师生之间、学生之间的互相学习、讲座和交流实现相互促进和技能的提高。通过教学方法改革，激发学生积极性和主动性，同时通过师生间的交流及时发现学生学习中和教师教学中存在的一系列问题，及时总结经验，提高教学和学习质量，在促进学生个性发展的同时，亦可提高教师的教学技能。
参考文献：
[1]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].教育信息化，2008（3）.
[2]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008（4）.
网页制作课程设计总结范文3
【关键词】计算机教学；实践；目标
【中图分类号】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动态网页制作加强练习。
四、依靠现代化教学手段
通过多媒体教学系统，在教学过程中将教师计算机的屏幕同步传到学生的计算机屏幕上，将整个操作过程展示在学生计算机的屏幕上，使学生得到直观感受，快速掌握操作步骤，从而提高教学效果。这个过程不要时间太长，否则会使学生忘记前段所讲内容。学生上机练习时，教师随时观察并辅导每位学生的上机情况。
五、培养学生创新能力
信息技术学科发展迅猛，单单靠教师的课堂传授是远远不够的，利用网络资源共享让学生能自己搜寻资料，判断信息的价值，通过掌握几个有代表性的软件，能举一反三，触类旁通，提高自主学习能力。在学习告一段落时，加入一个综合性的大任务，集中体现前面所学的知识。可用课程设计的形式让学生独立完成与课程核心相关的项目，进一步培养学生独立操作的技能，达到教学目标。例如，本课程可让学生为某单位设计一个网站或制作个人站点，然后将站点传到免费空间上申请免费的空间，如果有条件可自建服务器，进行作品的讨论，交流作品。本课程可以没有期末考试，采取学生与学生之间互相评分，综合成绩之后，做为期末的分数。这样做的结果不但可以使学生找到自己站点上的优缺点，还可以通过互相评分，找出别人站点上的特色，以便在以后的工作中学以致用，还可以使学生们在相互交流中不断增长知识技能，进一步培养学生的协作精神。
六、注意因材施教
教学中要注意学生特点和知识接受能力的差异现在有些学生从小就进行过计算机应用的学习，而有些学生没有接触过计算机，这样我们不能让走在前面的学生原地踏步，无所事事，浪费时间和精力；也不能让后面的学生失去信心，放弃努力。为了调动每一位学生的学习的兴趣，计算机课堂教学尤其需要因材施教，采用合适的教学方法，利用不同的方式组织教学，至关重要。学有余力的同学，在完成任务后，可深入学习其它知识；基础较差的同学，也可以循序渐进地学习，教师也可花较多的时间用以辅导后进同学，既保证了课堂容量，又提高了课堂效率，更主要是可以促进学生的学习主动性、积极性、创造性。
七、牢固掌握学过的知识
网页制作课程设计总结范文4
关键词：工作过程；学习情境；网页设计
“网页设计与制作”是我院计算机应用技术专业和计算机网络技术专业的专业核心课程，主要培养学生的网站规划、网站效果图的设计与制作、网页设计、网页动画设计、网站后期编辑、网站测试及等技能，是一门实践性和操作性非常强的课程。如何将高职生培养成合格的网页设计师，使学生上岗后的能力能适应工作岗位的要求，这是本课程教学的总体目标，也是课程设计的方向。
一、职业岗位能力需求分析
通过对计算机相关专业学生毕业后从事网页设计与制作相关工作岗位的需求调研、毕业生问卷调查、网上企业招聘信息查询统计、校企合作办学等多种形式，在充分了解行业、企业具有的适合计算机相关专业毕业生就业岗位的前提下，由企事业专家和专、兼职教师组成的专业建设与课程建设指导委员，通过反复论证，确定本课程相关的职业岗位、岗位能力及岗位所需的综合
素质。
二、课程设计的理念与思路
1.课程设计的理念
本课程根据高职教育的特征，将“基于工作过程系统化”和
“行动导向教学”作为课程开发与设计的基本理念。将教学内容设计为5个学习情境，打破传统网页教学的条块界限，将网页设计与制作的实际过程作为课程教学主线，这样网页设计与制作的实际顺序即是本课程的教学顺序。
2.课程设计的思路
本课程的开发设计充分体现了职业岗位要求――职业性（网站策划岗位、网页设计岗位、网站建设岗位、网站管理岗位）、丰富多样的实践环节――实践性（课内项目、课外拓展项目、网页技能展示、毕业实习和毕业设计）和教学内容的灵活可选性、可拓展性――开放性（网页设计竞赛、网上教学资源、校外专家讲座）。
三、教学内容的组织与实施
1.教学内容选取的指导思想和基本原则
（1）根据网站开发职业岗位要求和相关职业资格标准，适时调整更新教学内容。
（2）以项目能力作为课程培养的主要目标，以真实项目为载体组织教学内容，注重培养项目实施能力。
2.以网站项目为载体，重构和序化教学内容
课程组通过对市场调研、听取毕业生的反馈信息，与校内外行业专家充分研讨分析，确定了课程的职业岗位指向是“网站策划员”“网页设计与制作员”“网站管理员”“网页美工员”“网页编辑员”和“网站运营员”等，并对这些典型工作岗位的职业能力进行了分析，选取了“武威职业学院校园十佳歌手评选活动宣传网站建设”“放飞梦想个人网站建设”“武威职业学院信息技术公司网站建设”“武威旅游网站建设”和“佳佳商城网用户及留言管理系统建设”等5个学习情境作为课程的教学内容，并为每个情境设计了6～10个教学任务，重构和序化教学内容，将真实项目精心分解成符合学生认知规律的教学任务，将技能点、知识点合理地融入各个教学任务中，打破了传统的“先理论，后实践”的教学组织方式。
在网站项目教学过程中，学生要根据项目来学习，具有很强的学习目的性、积极性和主动性，激发学生学习热情。每个项目的教学过程都要遵循：“项目任务内容项目”这样一个过程。在这个过程中，学生根据项目需求可以对前面学习的内容进行分析、总结、归纳、提高、整合。
3.教学内容的选取与教学实施
依据所确定的职业岗位选取教学内容，在确定网站教学项目时，遵循学生的职业成长规律，将网页设计基础知识、网站欣赏、网站规划与设计、网页效果图设计等16个教学模块进行了重构与序化，以5个网站项目为载体，综合理论知识、操作技能和职业素养为一体。
5个学习情境之间由易到难，层层递进，在不断补充新知识、新技能的同时，对课程的重点和难点进行反复强化。通过5个网站项目的学习，学生不但能够掌握网页制作与网站设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、拓展创新、爱岗敬业、精益求精、求真务实的职业道德与规范等综合
素质。
4.课程考核
本课程的评价采用过程性评价（项目评价）和期末考评（课程考核）相结合的方法。最终课程成绩由“平时成绩（占20%）、项目考评（占30%）、期末考评（占50%）三个部分组成。具体考核要求见下表。
四、教学效果
学生对该课程采用基于工作过程系统化的教学反映良好，对教学中引入企业项目案例设计，与生产实践相结合的探索感到满意。良好的实习、实训条件也使学生的设计制作能力得到了明显提高，实现了工学的无缝结合。基于工作过程系统化的课程和行动导向的教学模式充分调动了学生学习的兴趣，学生普遍认为在这种教学模式下老师们的授课重点突出，难易适度，在教学中引入前沿知识和实际项目扩展视野，使学生在专业技能得到提高的同时，职业综合素质也得到了很好的锻炼和提高，为将来就业打下了良好的基础，同时该课程改革已得到校内外专家的一致好评，我院学生连续多次在甘肃省大学生创新杯计算机应用能力竞赛网页设计项目中获得各种荣誉，已经取得了明显的效果。
参考文献：
[1]姜大源.当代德国职业教育主流教学思想研究[M].北京：清华大学出版社，2007.
[2]王美萍.关于“工作过程系统化”教学模式应用的探讨[J].中小企业管理与科技，2009.
网页制作课程设计总结范文5
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。
1.2.4Flas制作重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5JavaScript程序设计JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法
该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
1.3.1模块教学法根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
1.3.2案例教学法在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的<img>标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例——具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。
2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训网页的制作
不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
网页制作课程设计总结范文6
【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）
