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

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

随着4G网络的成熟和智能手机的普及，网页设计师不仅能制作普通网页界面，更多是能设计艺术界面和交互界面的网页，能适应多平台等特点。根据我学院每年对企业调研，目前企业对网页设计师的要求：（1）根据企业需求和定位能够设计符合当下交互技术的流行网页界面；（2）能够制作静态网页和网页前端javascript特效，较好配合后台程序员进行网站开发；（3）有较强的自学能力，是艺术与技术相结合的高素质技术技能型人才。

2高职网页设计课程的教学现状

我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：

2.1开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程，是它包括构图、排版、特效制作等多种知识，决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施，但针对性不强，如针对企业需要艺术与技术相结合的网页设计人才，专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础（java方向）》相关专业技术课程，也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程，但没有真正以企业工作过程为导向，开设艺术与技术相结合的网页综合项目课程，学生很难融会贯通运用综合知识进行网页设计，另一方面由于网页设计技术的飞速发展，从最早的表格布局到现在DIV+CSS布局，网页语言从最早的HTML1.0到现在的HTML5，网页的设计风格也随着时代的变化而不断改变，社会对网页设计师的要求不断提高，而高职院校相关专业课程没有适时更新，学生也缺乏提升自我的学习能力，因此高职毕业生很难适应网页设计这一行业的人才需求。

2.2教师专业水平有限，团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程，但由于各个任课教师专业水平不同，团队意识不强，较难形成一个企业整体项目意识，通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学，有的教师自身受限专业水平与实践技能，无法与专业组教师达成共识，造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系，网页设计综合技能很难得到提高，只能满足于淘宝美工却无法胜任电商网页设计师。

2.3教学方法单一，仍以传统教学为主长期以来在教学中仍以教师为主体，而忽略学生的主体地位。h教师在授课中，往往先讲解网页各独立元素的设计制作，与整体案例的设计制作相分离，导致学生在实践过程中，学生只掌握每个工具单独使用，不能将网页各独立元素的制作与整体项目相结合，当需要综合运用各种软件工具知识去制作完整项目时，却显得力不从心，即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整，授课内容还是以理论知识为先导，教学手段单一，老师虽是孜孜不倦的教，而学生兴趣缺乏，参与性不强，不能培养学生的自主学习能力和团队协作能力，往往老师累得满头大汗，学生却收获甚微。

2.4生源质量参差不齐随着高职招生人数不断上升，生源质量参差不齐，生源质量也在下降。教师引入企业项目进行网页设计教学，学生完成的程度和质量不一，有些同学无法跟上进度，就出现厌学、迟到及旷课等现象。

3网络环境下“网页设计”混合式教学构建模式及优势

3.1网络环境下“网页设计”混合式教学构建模式网页设计集艺术与技术为一体综合性课程，既需要个人创意设计能力，又需要全面应用高新技术能力，具有很强的实践性和综合性。在网页设计授课过程中，教师要从易到难引入企业项目，引导启发学生，并在课堂上统一进行项目分析，在讲解过程中，将网页设计的艺术美学及专业技术知识融入到所要完成项目中，调动学生的学习积极性、自主的对网页综合知识进行建构，同时通过现代网络视频教学，演示网页设计从选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等环节，激发学生对网页设计项目整体认识，对网页设计的兴趣，让学生自己产生要制作属于自己的项目作品，学生从传统教学“要我学”变为混合教学“我要学”的教学模式。通过混合式教学模式，把传统学习方式的优势和网络学习方式的优势结合起来，教学以学生为主体，充分挖掘学生学习过程过程积极性、主动性和创造性，培养艺术与技术相结合的网页设计技术技能型人才。搭建好的网页设计的网络教学平台、教育教学资源库，运用在线教学与课堂教学优势互补的混合式教学模式，教师通过基于网络的课堂进行教，学生除了课堂学习外，课后自主在线学习、在线做作业、讨论协作、在线答疑等学习活动。将教师的网页设计教学由课堂上扩展到了课堂外，才能真正培养出综合能力强、创造性思维突出的网页设计人才。

3.2网络环境下“网页设计”混合式教学的优势(1)提高教师“双师”素质：网页设计课程是基于企业项目教学，项目设计是项目教学的成败的关键，要求教师不仅要具备深厚的理论知识，还应具有一定职业技能与实践经验，即教师具备“双师”素质，通过网络教学平台建设，优秀专业教师与企业技术人员带领专业较弱教师，共同完成项目网页设计整体设计。通过开展混合式教学，进一步提高教师的教学设计水平和实践技能，更新教师的教育观念，提高教师自身的业务水平，促进教师向双师型转变。(2)教学资源丰富：教师与企业技术人员在网络教学平台提供各种媒体素材，包括视频、动画、课件、网页设计优秀作品等教学内容，远远超过教师课堂讲授与教材内容。网络教学平台进一步为学生提供课后学习实践企业项目，引入企业项目任务，能从高职学生特点出发，项目从易到难，循序渐进，让学生学习实践觉得能“跳着够得着”，既有挑战性，又能完成企业项目并使学生获得成就感，提高学生综合实践技能。通过网络在线教学优势，为学生提供了自由选择的学习空间，有更丰富网络学习资源，激发学生学习兴趣，调动学生的主动性与积极性，有效提高了学生的创新思维能力，对于培养学生的创造精神和树立终身学习的观念有重要的意义。(3)学习自主性：传统的课堂教学受限上课时间，教学内容也受限，存在形式与内容单一。特别对于学生难于理解的重点与难点，老师可能认为在课堂已讲解很清楚，但学生还是没有理解等诸多弊端，而通过混合式教学，利用网络在线教学等辅助手段在很大程度上弥补了这种不足，让学生能在课后按需学习，让差生或请假学生补缺补漏，赶上全班统一进度。通过网络教学平台和教育教学资源库，可以24小时开放教学，大大打破上课的时间限制，学生可以把课堂当中没有消化的内容利用网络的在线自主学习，进一步的加深理解，使课堂教学加以延伸。利用在线学习，基础好的同学也可以通过网络教学平台和教育教学资源库进行自学，提升自己的学习能力。(4)网络在线答疑：利用在线系统为教师和学生提供一个良好的交流平台，师生通过平台将获得更多的沟通机会，师生之间在平台上在线讨论交流答疑，学生之间也可以在平台上在线讨论交流答疑，及时解决学习过程中遇到问题，调动了学生的积极性，进一步提高教学水平。

4混合式教学模式实例分析

在网络环境下，构建与传统教学相互融合网络教学平台，实现交互式教学平台，学生自主学习的空间。下面以学院《Dreamweaver网页设计》为例说明，实现传统教学与网络教学的混合教学模式。

1.设计制作企业项目。课前教师与企业人员共同设计制作《**企业网页设计》项目，共构建八个学习情景：《学习情境1企业网页图文混排》；《学习情境2企业网页表格数据制作》；《学习情境3企业网页表格布局》：《学习情境4企业网页超链接设置》：《学习情境5企业网表单网页制作》；《学习情境6企业网页制作-css样式表应用》：《学习情境7企业网页布局-div+css布局》；《学习情境8企业网页JavaScript特效应用》。

2.课堂教学内容以网页设计的工作过程为依据，划分上述八个学习情境，采用混合式教学模式，按任务展开教学。每个学习情境都包含：①任务导入：首先提供学生与所讲知识相关的网页案例，吸引学生注意，然后导入学习情境任务；②分析总结：教师引导学生发现问题，并提出问题，激发学生学习兴趣，经过共同分析与讨论，总结出具体的制作方法；③实训(仿真实践，在线测试)：学生根据学习情境，在教师的示范讲解下，独立完成操作，在线测试。④讲评总结：学生在制作过程中会出现各种各样的问题。教师所做的是将问题汇总。总结出相关的注意事项，点评作业时，侧重学生的思维引导，及时给予学生鼓励。⑤能力扩展：提供给学生实践性较强的案例，要实现效果，需要结合以前的知识和运用一定的技巧。这样既扩大了知识面。又体现了知识的综合性。在课堂讲解环节，可以适时插入教学视频、技术操作视频、实例展示等内容，解决传统教学方法无法讲清楚的知识点和实际操作演示，使教学效果更生动具体。通过学习情境，学生目的明确，整体性学习Dreamweaver软件各个工具，运用到每个学习情境任务中，学习网页各独立元素与整体学习情境相结合。

3.在网络学习平台上，教师上传课前准备《Dreamweaver网页设计》学习指南、课堂讲解八个学习情境模拟、仿真实践、在线测试、网络资源、网络答疑等环节。(1)学习指南：包括课程介绍、课程标准、学习建议、链接优秀网站的网址等，让学生了解本门课程的教学目的、要求和学时分配，当学生遇到网页设计问题时，就可以在学习指南资源库中找到满意的答案。(2)学习情境模拟:教师授课、实践操作视频。(3)情境模拟部分:有10个训练素材，学生可以选择训练企业项目进行自我训练，学生之间还可以通过网络互相交流；(4)仿真实践环节:在一定程度需要借助仿真实训软件，应用于学生日常实训和各阶段试。(5)网络答疑：网络给师生提供了一个交流的平台，师生可以通过QQ、邮箱、论坛等形式进行交流，教师可以及时了解学生的学习情况。(6)网络资源:网络资源包括相关网站、相关视频、课程课件、讲义、行业信息、参考书籍、学生实训实录等补充资源，供学生课外学习。这样便于因材施教，使好生更优，差生进步更快。

5小结

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

关键词网页设计与制作网站网页中图分类号：G712文献标识码：A

1 技术与艺术的争论

“网页设计与制作”从课程的名字看，我们要对网页设计与制作进行反思，它到底是艺术问题还是技术问题？

互联网已经与当今的我们息息相关，网页的设计与制作过程一直伴随着技术和艺术的争论。为此，我们有必要在开课前就让我们的学生明确：在网页设计与制作过程中，到底是技术重要还是艺术重要？还是两者都重要？

在教学过程中，我们要不断地提醒学生反思以下几个问题：（1） 网页设计与制作是为谁做的？（2） 谁会来看你的网站？（3） 网页设计仅仅是能看就行吗？（4） 如何考虑受众更多地和更有效率地接受网页上的信息？（5） 网页设计与网页制作有区别吗?（6） 技术和艺术如何更好地服务于网站？

作为课程的教学者和学习者，需要大家都可以作为一个技术和艺术的全能者，虽然我们每个人在各个方面都有所侧重，但只有很好地在设计与制作过程中，多些反思技术与艺术的问题，才能避免我们偏离网页设计与制作的初衷。

在教学过程中，教师要不断地提醒学生反思这个部分的技术在他的网站作品中是否用到？千万别因为让学生为了炫耀技术而采用多种风格的动画，添加少美感或与主题完全不相关的东西。别因为大量的技术使用加重了浏览器的负担，浏览器受带宽的限制，要学会为浏览器减负。

2 网站与网页的分合

教师在讲课中也许会混用网站和网页，但是在设计与制作过程中，教师必须让学生对这两者有所共识：网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。网站也叫做站点，是提供各种服务和信息的基地。

学生可以深入区分开两者的异同之后，需要养成先建立站点，之后再在此基础上创建网站所需的相关文档的习惯。

3 实用性与艺术性的思辨

网站的定位，对于网站的设计与制作有很大的影响，如何权衡网站的实用性和艺术性？也许我们要考量的有很多。网站的实用性和功能性固然重要，但不要忘记提升它的艺术高度。如何避免用教条的、形式化的方式设计网页，作品给人一种像是一个模子印出来的感觉。教师在教授学生模板使用的同时，也要提醒我们的学生，别因为使用了免费模板而自鸣得意，那些真正好的网页设计绝不是在免费模板的制作上而停步不前，一定是那些懂得如何发挥自身的创意思考，来积极创作属于自己风格，又能很好地宣传自己的网站的人才是真正的设计者。

4 系统性与适应性的融合

高职教学强调项目化教学模式和基于工作过程的教学法，如何让学生在把握基于工作流程的任务化项目式教学中，可以更加全面地适应当今不断变化的技术？从知识的整体性来看，也就是如何保证在工作过程中，他们学习到的知识内容的完整性、适应性和迁移性？

针对对高职学生技术技能型目标的定位，我们更多地需要不断为项目中加入挑战与扩展训练的模块来提高学生知识的完善性，弥补我们在项目化教学过程中的那些知识的缺陷，可能带给学生在今后工作发展中的盲目和无助感，也更好地拓展学生的独立思考和发散性思维能力。

在网站的信息结构方面，国外有信息结构专家，网站由信息结构设计师与网站创意设计师共同探讨、协作完成。国内网站策划由专业的市场行销、策划人员来做。面对刚刚学习此门课程的学生，这种网站的总体设计是需要他们学完本门课程之后才能具备，但怎么能在此时就让他们具备此方面的总体设计能力，需要学生搜集和分析与自己设计的网站相同类型的网站的相关导航和网站的栏目来获得，也在此基础上来揭开网站的总体设计环节，当然，也需要培养学生不断地适应修改完善现有的网站，不断明细网站的定位。

5 过程性与结果性的统一

每一个网站的开发必然经过一定的工作过程，才能完成整个站点的，从网站需求分析、总体设计、模板设计、首页设计、子页面设计、测试到设计总结，在我们的教学中如何以一个完整的项目为依托，而又同时指导学生完成自我开发的个性化的网站任务，是网页设计与制作课程需要解决的问题。

在教学过程中，学生也需要走从欣赏、模仿到创作的过程。教师需要通过案例教学，将一个个美观大方的网页呈献给学生，带领他们分析网页中的相关内容而开始每次课程的学生，让学生不断地发现其中的奥妙。引导学生学会模仿网页的整体布局，网页的LOGO设计，通过大量的模仿练习不断提炼，最终确定适合自己设计的网站的相关内容设计。

6 职业素养与职业能力的协调

很多人对网页设计师这个职业的质疑：他们仅仅是比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画？仅仅如此吗？在国内的网页设计师，更多兼任着设计与制作两个方面的任务，尤其是对于中小型企业来说，更是如此。为了能够更好地在教学中通过项目、案例等内容来培养学生的职业能力，适应大中型与小型企业的需求。也不得不要求我们在全能中培养专才，在专才中注入全能的思想。从开始的网站策划阶段，培养学生的资料搜集能力，整理归纳能力。在网页设计布局阶段，不断地发挥学生的创新能力，自我发展与感悟能力。在网站的测试阶段，教师引导学生再次审视自己最初的规划目标是否真的实现了？达到最终的分析总结反思能力。

7 结论

高职《网页设计与制作》教学中，只有教师从多角度对课程内容和教学方法的思考，才能更好地引导学生的学习过程，也才能更有利于对于学生问题思考能力、职业技术和职业技能的培养与提升。

参考文献

[1]孙东梅. Dreamweaver完全实用手册[M].电子工业出版社,2011:3-4.

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

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

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

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

关键词:网页设计 网页制作 教学改革

中图分类号:G64 文献标识码:A 文章编号:1007-3973 (2010) 01-178-02

1根据专业特色确定教学目标

《网页设计与制作技术》是计算机类专业的一门基础课程,考虑到计算机类专业的学生缺少艺术设计基础,通常是以掌握静态网页的制作技术为教学目标。但是对于多媒体专业的学生来说仅仅掌握网页制作是不够的。

多媒体专业的任务是能够将图形、图像、文本、声音、视频、动画等多种媒体元素以合理的形式进行整合,为其设计美观的界面和人性化的交互方式,使之成为一个完整的多媒体系统。所以多媒体专业对学生在艺术设计水平和软件制作能力方面都提出了较高的要求,针对这一专业特点,《网页设计与制作技术》课程的教学目标放在了网页的“设计”和“制作”两方面。“设计”方面要求学生能够利用设计工具设计出符合商业需求的网页界面,能够对网站的信息进行重组,能够根据需要设计合理的交互方式;“制作”方面要求学生具备将网页界面设计稿采用合理的制作技术转换为真实网页的能力,能够制作可维护、可扩展的网站结构。

2依据教学目标制定教学内容

教学内容是依据教学的两个目标来制定的,总体分为两部分“网页设计”和“网页制作”。这两部分的内容对于多媒体专业的学生来说同样重要,授课时间上要给予合理的分配。

“网页设计”部分的内容主要包括:

2.1网页布局设计

由于受到显示屏幕的限制,网页具有区别于一般平面设计的布局结构,并且根据网页信息量、网站主题和风格的差异可以设计出千差万别的布局。学生应该具备根据实际合理设计网站布局的能力。

2.2网页色彩设计

网页的色彩创作拥有自身的设计规则,与其他视觉形式有着较大的差异。对于平面设计来说,色彩是静止的,色彩的分布根据固定的信息来编排。对于网页来说,信息是流动的,网页上的色彩也会跟着流动,因而,学生要掌握网页上的用色更需谨慎。

2.3网页界面元素设计

网页上包括的文字、图片、按钮、声音、动画等都需要经过精心设计来配合完成一个完整的网站。学生需要掌握各种软件来实现素材的设计与制作,这些软件可以是Photoshop、Fireworks、Flash、Cooledit等。

2.4网页导航设计

这一部分绝不仅仅是制作菜单,重点是对网站信息的组织。学生对网站信息的组织往往是随意的,他们没有意识去分析大量要在网页上出现的信息哪些重要,哪些是辅助的,重要信息应该出现在页面的什么位置,以及如何使用色彩来突出重要信息。

2.5交互设计

浏览者不仅要求网页具有良好的外部界面,也非常关心界面的组件、布局和风格,看它们是否能支撑有效的交互,浏览者是否能轻松使用网站的功能来快速寻找到所需要的信息,这是评价网站可用性的一个重要指标。

“网页制作”部分的内容主要包括:

(1) 使用XHTML+CSS实现网页布局。早期的网页制作大多采用表格嵌套的方法实现,这种方法制作的网页难以更新和扩展。现代的网页越来越多使用XHTML+CSS来实现,因为其具有良好的灵活性,同时也提出了一种全新的网页制作思路。

(2)利用模板快速生成网页。模板技术在XHTML+CSS流行的时代同样重要,能够帮助快速生成同类型的网页,也更易于后期的维护。

(3)使用框架构建网站。

(4)使用Flash辅助。Flash在制作导航条、按钮、动态图片等方面具有明显的优势,把Flash结合进来能让网页增添不少亮点。

3 根据现代学生的特点选择教学方法

现代的学生都有一些新的特点,比如喜欢拿手机发短信、喜欢通过网络获取知识多过于书籍、喜欢在网络上与他人沟通、喜欢使用博客、玩游戏等,思想认识上也与以前的学生有很大的不同。教学应该以学生的学习为中心,教师的任务是帮助学生提高学习兴趣,教学的过程要符合学习习惯。如何改变传统的教学方式来适应现代的学生是我们需要研究的课题。可以考虑在以下方面改进教学方法,从而加强对学生的学习引导:

3.1让学生在自由、轻松的课堂环境下学习

国外的一些研究表明,让学生在完全放松的状态下学习能够得到比严肃的课堂环境更好的教学效果,尤其对于需要发挥创意的课程来说更是如此。我们可以考虑将课堂从教室移至亭子、池塘边、树荫下等大自然的某个角落,或者重新布局教室,使它看起来象工作室、会客厅、休息室,或者通过课堂上给予学生充分的自由思考、自由交流的机会,教师的语言如果更具有幽默感和亲和力,就能更好地激发学生的兴趣和创造力。

3.2充分利用网络实现零距离教学

现代的学生对网络的使用非常普遍,通过网络获取知识的比例越来越大,所以利用网络进行课堂外的教学补充是非常有效的。通常可以使用网络课程、论坛、博客等形式为学生提供随时随地可以获取的学习资源;利用QQ等实时通讯工具实现教与学的零距离。

3.3注意调节课堂教学的节奏和气氛

学生在一堂课的学习过程中注意力有明显的变化规律,开始阶段学生的注意力是最高的,中间最容易分散,接近最后又会慢慢提高。建议老师在讲授知识的过程中可以利用这一规律,把重要的内容放在前面,中间要加一些提高注意力的环节(可以是一次小组活动、一点小幽默)重新激发学生的热情,需要强调和总结的内容要把握好最后的时间段。

4课程改革的进一步探讨

《网页设计与制作技术》是一门综合性的课程,根据学科的差别,可能会不同程度地涉及到网页布局、色彩、交互、数据库、服务器程序设计等内容。针对多媒体专业,本文没有涉及后台的数据库和服务器程序部分,对于前台的网页制作技术,如果学时充足,还可以考虑增加利用JavaScript实现网页特效的内容。随着网页制作技术的不断发展,新技术、新方法、新标准将会不断涌现,所以我们也需要将网页设计与制作的最新、最实用的技术反映到课堂教学中去。

5 结束语

网页的设计与制作更多的表现为一门艺术,要让学生学到网页设计的理念而不仅仅是网页制作的方法,这应该是该门课程在多媒体专业中承当的任务。上面所提到的教学目标、教学内容和教学方法都应该围绕这一核心任务展开,最终为培养既有设计能力又有动手能力的合格学生服务。

参考文献:

[1]尤彩虹.高职《网页设计与制作》课程建设实践与探索[J].中国科教创新导刊.2009,(2):183.

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

关键词：网页；设计与制作；教学模式；改革；实践

《网页设计与制作》作为一门高校网络与新媒体相关专业强化学生学习兴趣点的专业基础课程，开展课程教学模式改革与实践研究有着十分重要的现实意义[1].

1《网页设计与制作》课程教学中存在的问题

结合学生就业实际情况、已从事与网站建设相关岗位的毕业生反馈信息，现阶段《网页设计与制作》课程教学中存在的问题，具体而言：

1.1不够积极主动，学生实践能力不足

长时间以来，《网页设计与制作》课程大多推行理论课与实践课交替开展的教学模式，起先由教师对相关专业知识、软件技术操作内容进行教授示范，之后由学生通过随堂笔记或者学习记忆对教师教授内容开展模仿操作.教师占据课程教学主体地位，教学内容缺乏生动形象性，学生学习过于被动，学习主观能动性难以得到有效调动.一些学生对教师教授的理论知识、布置的上机作业等不感兴趣，沉溺于网络游戏、手机游戏等，致使专业知识教学成效不尽如人意.学生受基础理论知识与专业理论知识不扎实影响，对于自身面临的疑难问题难以迅速反应并开展自主解决.再加上理论教学内容与实践教学内容未能实现有效衔接，使学生在对于“何为过程性知识、何为陈述性知识？”、“何为理论性知识、何为实践性知识？”等认识上模棱两可，即便学生能够对教师所教授知识展开有效模仿操作，也难以将它们运用至实际工作中去.

1.2不够实事求是，学生动手能力不足

教师在《网页设计与制作》课程教学中通过操作鼠标进行示范，学生片面的认识十分简单，学习过程中不实事求是，等到进入实践课要求他们独立开展操作时，面对提供完备操作流程的学习任务不屑一顾，认为太过简单；面对未提供相关操作流程的学习认识则无从着手，进而产生“高不成低不就”的局面.学生未能基于独立自主实践队专业知识进行掌握，致使难以建立隶属自身特有的知识、经验架构，一旦进入社会职业岗位中便不知所措，无法独立自主制定工作方案，更别谈是付诸实际行动，难以有效将所学知识与实际结合，不具备自主解决问题的能力.

1.3各方缺乏沟通，学生适应能力不足

结合毕业生反馈信息，普遍存在学生沟通意识欠缺，不具备客户至上理念等问题，致使难以对职业岗位进行有效适应.一些学生不明确客户要求，亦或对客户要求抛之脑后，而凭借自身主管意识开展设计；一些学生对客户要求形成错误认识，为客户带来不必要的麻烦.受各方缺乏沟通或沟通能力不足影响，致使返工情况屡见不鲜，不但降低了工作效率，还会对客户信任造成负面影响，不利于企业的有序发展.这些不良后果极易使学生产生负面情绪，进而对后续工作造成不良影响，由此进入恶性循环；进而这些学生对工作产生厌烦心理，没有成就感，不具备工作的动力.

2《网页设计与制作》课程教学模式改革策略

在时展新形势下全国高校网络与新媒体专业，必须与时俱进，大胆进行改革与创新，引入先进的科技和成功发展的经验，进一步强化《网页设计与制作》课程教学模式改革与实践，对促进《网页设计与制作》课程教学模式改革与实践逐步开展可以从以下几个方面着手：

2.1强化教学内容改革

高校《网页设计与制作》课程强调对设计人员实践操作能力和基本功训练，对于网页设计等一系列相关操作技术要求每个学生必须能够娴熟掌握，具有管理、开发和维护小型网站的能力.鉴于此，《网页设计与制作》课程开展教学内容改革的重要前提是用人企业的需求.结合企业用人需求从事不同高校网页设计与制作专业、网上招聘启示及人才市场相关信息等，对不同行业需求开展总结：（1）以企业局域网为重要前提的操作，好比对等网的组建与维护、office文档的存储与整理、B/S企业MIS系统的管理与维护、计算机一系列软件的安装与使用等；（2）企业网站的管理，好比企业网站建设、企业网站文件管理、企业网站策划等；（3）企业电子商务活动，好比在线商务活动、产品在线宣传、互联网信息处理等；（4）具备相应计算机图形设计、软件设计能力，具备相应B/S应用程序开发能力；（5）娴熟掌握Flash、Dreamweaver等网页设计工具，精通CGI网页交互语言，熟悉HTML设计等[2].在此基础上，《网页设计与制作》课程在侧重Flash、Dreamweaver及Fireworks网页教学前提下，应当进一步关注HTML设计、图形设计与处理、JavaScript代码等的教学，以强化学生计算机图形设计能力、软件设计能力；此外，还应当强调网站建设、管理，强化学生对网站组建、管理、维护等内容的系统认识.

2.2强化教学方法改革

2.2.1案例教学法要想调动起学生学习主观能动性，避免传统灌输式教学模式，在教学期间应当推行案例教学法.结合教学进度、要求引入案例并开展好备课工作，对案例涉及理论、技能进行教授讲解，探讨案例中存在的相关问题及处理对策等，同时案例要具备针对性、典型性，自符合学生接受能力开展选取、设计.好比，可选取介绍“民族传统”、“家乡美景”等的门户网站，教师通过向学生开展讲解此类网站涉及的知识点，要求学生制订学期学习计划，设计制作一个小型网站，且网站制作过程要与课程教学内容保持协调.2.2.2项目化教学法选取实际项目为前提，加大对学生分析、解决问题能力培养的力度.在专业网站设计与制作过程的前提下建立学习项目，沿着职业岗位任务主要方向明确不同模块内容，包括网站建设方案制作、网站制作以及网站设计等，依托紧贴职业实际的教学内容，有效调动起学生浓厚的学习兴趣.依据职业岗位任务主要方向提取各项能力目标，并融入进制作网站建设方案、网页基础知识储备等多个不同模拟制作任务中，达到对学生分析、解决问题能力培养的目的.与此同时，制定一系列相关独立实践任务，以使学生在完成任务的同时，对自身所学知识理论进行巩固，进而娴熟掌握各项网页制作技能.2.2.3任务驱动教学法将实践操作任务、模拟制作任务作为载体，关注对学生学习能力、技术应用能力及工作能力等方面的培养.在教学中部署一系列模拟制作任务，并与其中插入相应的知识内容，经由任务背景介绍、操作流程讲述、知识点拓展等布置，引导学生进行自主思考.学生通过解决问题来掌握知识，经由任务把所掌握知识应用于实际问题解决中，进而强化自身动手、解决问题的能力.与此同时，需要学生自主完成实践操作任务环节，以增强学生自学能力、技能应用能力等方面训练.以某学院网站引导页任务制作为例，应展开下述操作：（1）背景介绍，经由该学院网站，提升学院影响力，为师生相互、校企相互、家校相互等往来提供便利；（2）任务要求，对学院网站特色进行尽可能凸显，吸引更多网页浏览者，并为浏览者留下深刻印象；（3）任务分析，设计前对学院网站用户相关需求展开全面研究，找准网站风格定位，可选取图片或者Flash动作用以引导页，将图片用以引导页第一步通过PS设计好引导页效果图及Flas，然后开展切片，最后完成表格设置工作，并将图片、Flas添加进网页引来浏览者，提升网站流量；（4）延伸知识点，包括表格属性设置、切片优势、切片方法等；（5）处理问题，要想加快网页浏览速度，通常要求将大图切为小图.基于任务制作过程开展知识点延伸教学，结合实际情况让掌握理论知识的同时，了解知识的获取渠道及方法，改善学生学习效率.由于伴随技术发展，学生职业生涯会受到一定影响，因此教师一方面要权衡知识的够用情况，一方面要权衡知识点的系统性.应当尽可能拓宽学生知识面，在知识点选定过程中不仅要结合岗位群，又要自技术发展、设备软件更新所对学生职业造成的影响出发，留有一定的余量.在全面教学期间，强调对学生综合职业能力、职业素质等方面的培养，汇集教、学、做于一体，尽量适应学生为主体、教师为主导的新型教学模式的需求.各模拟制作任务均很好地融入知识目标、能力目标，侧重能用什么做什么，尽可能凸显《网页设计与制作》课程教学与职业岗位能力需求的紧密联系，强化学生专业学习针对性、实用性.2.2.4激励教学法要想激发学生对网页设计的学习兴趣，锻造学生自学能力、创造能力，学校应当积极组织各式各样种类的就业技能大赛、Flash设计大赛、网页设计大赛等活动，通过激励性活动一方面促进学生对所学知识的实践应用，一方面有效发挥学生团队协助能力、设计创新能力.

2.3强化教学手段改革

2.3.1联机教学借助网络开展好《网页设计与制作》课程教学.《网页设计与制作》是一实践性强、应用广泛的技术，要想说明网页设计的性质及相关实践应用，实时展示极为关键，所以在网络教学中接入互联网，通过互联网对一系列理论知识开展详实说明，如此可有效提升教学课堂生动形象性，强化学生对《网页设计与制作》课程实用性、重要性的明确认识.2.3.2开设《网页设计与制作》在线课堂要想进一步改善《网页设计与制作》课程教学成效，可考虑开设该课程的在线课堂，促进教师与师生之间的互动，实时了解学生意见，优化整合教学方法、教学进度，对学生学习遇见的疑难困惑进行及时解答.此外，还可将该课程全部课程资源传输上网，诸如教学大纲、教案、课件等资料，还可依据课程章节补充相关设计案例等.如此，学生一方面可通过网络获取课堂教学的各项内容，一方面可借助多媒体优势满足自身自主学习需求.

3结束语

总而言之，高校网络与新媒体专业《网页设计与制作》课程教学模式的改革与实践，是一项十分复杂的系统工程.其是对传统课堂教学方式的一种挑战，对教师和学生均提出了极为严苛的要求.鉴于此，相关人员务必要不断钻研研究、总结经验，清楚认识《网页设计与制作》课程性质、教学特征及教学目标，全面分析《网页设计与制作》课程教学中存在的问题，“强化教学内容改革”、“强化教学方法改革”、“强化教学手段改革”等，积极促进促进《网页设计与制作》课程教学模式改革与实践有序开展.

参考文献：

〔1〕刘万辉,宋桂岭.基于工作过程的““网页设计与制作”课程改革的探索与实践[J].计算机教育，2010(02).

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

计算机应用技术(速录方向)专业教学质量工程批准号JXZL1304

【文章摘要】

本文根据《网页设计》实践性强的特点，探讨了基于项目为主的教学模式，学生为主题，教师为指导的项目教学方法的作用和优势，并为以后教学的发展提供了思路。

【关键词】

教学设计；网页设计；应用

课程设计是教师根据学生以及课程内容分析教学内容、教学条件确定教学的目标，运用系统的方法指导实训、评定学生学习过程，教学设计是教师有计划、有步骤的实施教学的一种技术，其目的是优化教学效果、提高教学质量和教学效果。《网页设计》课程设计的内容多，课时有限，使用传统的教学方法达不到预期的效果。因此，在教学实践中根据教学内容，设计教学方法，利用有计划的教学策略，优化教学效果[1]。

1.计算机速录专业《网页设计》课程的学习目标

内蒙古师范大学青年政治学院计算机速录专业《网页设计》课程旨在培养学生静态网页制作人员，并为学生开发网站打下基础，为学生今后就业提供技术支撑。因此，内蒙古师范大学青年政治学院计算机速录专业《网页设计》应以行业需求确定专业培养目标，以学生职业技术能力为目标实施教学活动，以学生为主题、教师为指导的教学过程，以灵活的项目教学和项目评价相结合来评价教学效果，并突出学生能力为目标。学生学习完《网页设计》课程后，能够掌握网页页面修饰、美工技术，掌握LOGO的制作、广告动画制作技术；掌握网页编辑技术；掌握Flash软件制作动画；掌握运用Photoshop软件制作与处理网页页面所需的图形图像；能够熟练制作与编辑网页文件。

2.计算机速录专业《网页设计》课程教学设计的思路

教师在《网页设计》教学过程中，根据每一项目的工作要求进行设计。本课程在注重理论教育课程的基础上，通过实践更好的把理论与实践相结合，使学生更好的掌握理论知识的同时，提高自己的实践能力，更好的把理论内容结合到实际应用中，适合应现代的教学模式，

3.计算机速录专业《网页设计》课程教学设计的内容

《网页设计》这门课程分四个部分，

（1）运用Dreamweaver软件搭建网页架构；

（2）运用Photoshop软件图形图像处理；

（3）运用Flash软件制作网页中所需的广告动画。

3.1教学目标的设计

（1）能力目标

培养学生能力目标有：能够进行网页页面布局、能插入网页元素、能够运用Photoshop软件处理图形图像、能够运用Flash软件制作动画、能够在网页中插入各种超级链接让整个网络链接起来，并能够熟练使用Photoshop软件与Flash软件修饰、美化页面。

（2）知识目标

培养学生知识目标有：了解Dreamweaver软件环境、菜单的使用方法；掌握搭建网站架构、掌握表格、表单、定位等操作；掌握网页编辑技术；掌握网页中插入图形、图像、音频、视频方法；掌握网页中插入超级链接的方法；掌握运用Photoshop软件图形图像处理方法与运用Flash软件动画制作方法。

（3）素质目标

培养学生素质目标有：①培养敬业精神、责任感、团队协作精神；②培养沟通能力、自主学习能力、自我发展能力、探索研究能力。

3.2课程内容的设计

《网页设计》课程中，教师对每一个整体项目划分若干个子项目，每一子项目又划分成若干个任务。如，搭建网页架构、图形图像处理、制作动画效果、修饰美化网页页面，每一任务的内容如下：(1)搭建网页架构；(2)图形图像处理；(3)制作动画效果；(4)修饰、美化页面。

4.《网页设计》课程考核方式的设计

4.1考核要求

《网页设计》课程的考核方式包括：（1）考勤占15%；（2）子项目完成情况占45%；（3）整个项目完成情况占40%。

4.2考核过程

为了促进学生实践能力，本课程使用项目教学法。也就是把本班同学分成几个组，将课程中涉及到的每一部分内容当作一个项目，让学生独立完成，最后评价项目。评价过程是：让学生运用课堂中学习的知识，设计与制作一个项目，项目中每完成一个工作过程（子项目）获得一定的分数，且各组成员必须对整个项目过程充分了解，最后让各组成员说明各自完成的工作任务及实现的步骤，再给大家讲解每一模块的功能及代码的实现过程，最后让教师和全班同学一起打分的方法。这样不仅激发学生学习兴趣，也能提高学生解决实际问题的能力，也使小组成员间能够很好的相处，互相帮助，共同进步的目的。

4.3优秀作品展示

教师讲解《网页设计》课程过程中，（1）给学生展示国内外公司网站、上一届学生跟课程内容有关的优秀作品，激发学生的学习兴趣，再引入本课程的内容。（2）展示本班同学优秀作品，鼓励学生。

总之，《网页设计》课程注重理论教育课程的基础上，通过实践更好的把理论与实践相结合，使学生更好的掌握理论知识的同时，提高自己的实践能力，更好的把理论内容结合到实际应用中，适合应现代的教学模式。

作者：巧云 单位：内蒙古师范大学青年政治学院信息工程系

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

摘要：本文结合多年笔者“网页设计”课程的教学实践，并根据这门课程的特点，从教学目标、教学内容、教学方法以及考核方式几个方面综合阐述了如何提高本课程的教学效果，并探讨了在教学中如何培养学生的实践能力，提高学生的综合素质，使“网页设计”课程的教学真正地适应市场的需要。

关键词：高职院校；网页设计；教学改革

中图分类号：G642

文献标识码：B

随着Internet的飞速发展，网络已深入到社会的各个阶层，成为企事业单位正常运行以及人们生活学习不可缺少的部分，《网页设计》成了目前高职高专院校计算机专业的必修课，甚至成了许多高职高专院校非计算机专业学生的公共选修课。但就是这样一门看似简单好学的技能课程，却往往得不到很好的教学效果。常常是在学生学过之后，不是不能独立地进行网站规划和页面设计，就是设计达不到应有的功能效果和视觉效果。为此，本人在《网页设计》课程的教学过程中，对教学目标、教学内容、教学方法、考核方式等进行了长期的探索和实践，收到了非常好的效果。

1突出高职特色，明确教学目标

计算机的发展很快，有可能今年学的内容，学生毕业时就过时了，真正用的时候又学无所用，这种现象也不无其例。因此设置网页设计课程时，尽量选择时下先进的版本，并及时对教学计划做出调整，删掉旧课程，补充新内容，以市场为导向，培养有足够的理论基础、较强的创新能力和扎实的实践动手能力的网页制作人才。通过本课程的学习，要求学生能够掌握一个网站建设设计的全过程，能够利用Dreamweaver设计不同类型的网页界面，开发出具有一定规模的网站。根据教学目标，授课时以Dreamweaver为主线，讲授网页界面设计、HTML语言、JavaScript语言及动态网页设计的基础知识。对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，让学生通过实践领会理论知识的运用。从实际需要和当前流行出发，需要哪些内容就重点讲解哪些内容，突出“学以致用”，而不是大而全地讲授所有相关理论知识。

2遵循高职教学规律，改进和加强教学工作

教学工作是指教学过程中的一系列工作。如何组织好网页设计课程的教学工作至关重要。

2.1选用合适的教材，适时调整教学内容

教材是教师实施教学计划的重要载体和主要依据，是学生获取知识、发展能力的重要渠道。高职教材要突出职业性、实践性、适应性、科学性和先进性。选用网页设计教材时，既要保证基本的知识要点，又要有典型的网页案例。随着计算机软件和硬件的不断更新，网页设计教学内容也应随着计算机科学技术的发展而有所调整，增加一些当前网页设计的流行元素，以适应社会发展的需要。当许多优秀网页设计软件陆续问世和应用时，在教学中就应及时安排这方面的内容，并根据具体情况安排课时量。

2.2采取多样化教学手段，及时改进教学方法

高职院校学生的学习带有较强的职业特色，针对学生在知识结构、学习习惯、认知心理等方面的特点，在教学方法上，应注重理论结合实际，避免空洞地讲解，要采用多样化教学手段，实行启发式教学、任务教学、案例教学以及精讲多练、边讲边练等多种教学方法，激发学生学习的兴趣。

(1) 采用任务驱动和案例教学，让学生变被动学习为主动学习。在开始上课时，给出本次课的任务或者案例，接着要求学生完成该任务或者案例作为驱动进行教学。例如，在讲到“超级链接”时，根据教学目的和教学内容选用典型案例，先对学生展示该案例使用超级链接的效果，然后再分步讲解“绝对链接、相对链接、锚链接”，每讲解完一部分知识点，马上让学生进行实践，利用超级链接把之前制作的单个网页链接起来；讲解完所有的知识点后，要求学生完成该案例；最后要求学生把完成的作业(案例)上传到服务器，避免学生因为不需要交作业而不积极学习，也让学生在以后的作业中还能使用以前做好的页面。这样可以激发学生的学习兴趣，提高学生的学习积极性。案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力。实践证明，这样的教学方式，学生不仅能实现课堂案例，而且能灵活运用课堂知识，运用所学知识完成自己的设计。

同时借助网络技术实现教学互动，达到随机进入式教学的目的。在实际教学中，学生计算机知识掌握程度不同、水平参差不齐的状况，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课后对课堂内容进一步复习巩固。为了学生能够更好地复习，教师可以将课件及相应的学习资料放到学校的网站上，对于重点和难点的知识，教师还可以录制教学过程视频，放在学校网站上，学生可以随时访问下载并进行学习。另外，教师还可以通过电子邮件或者QQ和学生交流，在课后也能随时解答学生的疑问。

(2) 以比赛促兴趣，发挥激励机制

每年计算机系都会举行一次“网页设计”大赛，学生可以独立参赛或者组成小组参赛，初评以后的作品，由设计者进行作品演示和陈述，然后由多名院内专家评委打分，并由其中一名专家进行点评，评选出优秀作品，同时对每个获奖者给予一定的奖励。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。

(3) 不断改进教学手段

网页设计教学不同于其它课程，授课要直观，利于学生学习和理解，因此，课时应该都安排在机房进行，教师每讲解完一个知识点，学生马上进行实践，达到事半功倍的效果。此外，在条件允许的情况下还可以将学生带出课堂，参与企业网站的设计，将现实职场变课堂，用事实说话，激发学生的认知能力，提高学生的认识。

3以提高就业能力为目标，优化实践教学环节

在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。通过实践教学，培养学生的实践动手能力。

3.1精心设计实验指导和作业

实验指导是对课堂内容的补充。在实验指导中根据上课内容，完整描述例子完成的全过程，学生能够根据实验步骤顺利完成例子，在学生进一步掌握操作的同时，介绍更多的操作注意事项及操作技巧。把一个完整的网站设计分阶段安排为每次课的作业，并且每次课学生的作业都紧密围绕上课内容安排学生完成相应的设计，尽量让作业有连贯性，当学生完成这些分阶段的作业后，也就完成了整个网站的的设计过程。这样有利于学生体验完整网站建设设计的过程，完成作业时，学生之间可以相互讨论、学习。

3.2课程实训，学以致用

在教学设计中，在学期末安排两周时间进行课程实训。课程实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。课程实训时，要求学生按照某个企业的要求为该企业完成网站设计(网站通常还包括了留言簿或者论坛的动态网页设计)。学生分组进行实训，鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，为了便于同学之间相互讨论、学习，要求学生自由组合，几个人一组完成一份作业，同时要求书写网站设计报告。教师定时检查每小组的进度，给予适当的指导和建议。最后，课堂演示作品进行评分，要求每小组派一人演示和讲解完成的网站，其他同学进行评议和打分，学生总体评价和教师评价各占实训成绩的50%。这样有利于学生共同讨论、解决设计中的难题，也有利于互相学习，能很好地锻炼学生的合作精神。

此外，提倡和鼓励学生积极参与校园网的建设和维护工作。如有些学生参与系网站建设和精品课程网站建设，通过实践应用，不但将课程中所学的知识融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；或者在校园网中开辟班级专栏和一些社团活动新闻专栏。我院长期和狮岭镇皮革加工市场校企合作(狮岭镇是全国最大的皮革加工市场)，部分皮革加工企业委托我院计算机系进行企业网站设计，教师鼓励学生也参与这些企业网站的设计。以此对学生进行市场磨练，从实践中巩固理论知识，使学生真正搞清市场的需求，掌握行业的背景、规则以及工作方式，同时还会使其更加明确专业的培养方向，进一步激发学生的学习热情。

3.3加强证书教育，考证促学

证书作为学生毕业的敲门砖，其地位越来越凸显。为了促进学生考取相应证书，可以将证书考试课程内容融入教学计划当中，组织学生参加劳动局国家职业资格考试，获取国家职业能力网页制作等级证书，促进学生的学习。此外，鼓励学生参加Macromedia网页设计师认证考试和Adobe网页设计师认证考试。这样，学生在学习的同时还可以获取证书，为其以后顺利就业打下了良好的基础。

4改进课程考核方式

在《网页设计》课程的考核模型中，主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此在教学后期阶段，就要求学生开始着手收集资料，设计自己特色的个人网站。教师给出作品的最低标准：每位学生自己设计一个个人网站，该网站必须是原创；网站除了首页以外，至少还必须有5个独立的内容不同的页面(该页面不能只是文字或者图片)；必须上交网站中使用的图片和动画的源文件(png文件、psd文件和fla文件)；网站应该有明确的主题和良好的导航，等等。作品评价时，网站总体设计占60%，色彩和动画占40%。该作品成绩占课程总成绩的70%，平时作业和上机实践成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。

5课程改革的进一步探讨

本课程目前是侧重于静态网页设计部分的讲授，对动态网页设计及图像处理技术只作简单的介绍。《网页设计》作为一门综合性的课程还涉及许多相关课程，可以根据不同的培养目标开设不同的选修课程。例如：为了进一步提高学生的网页图像和动画设计能力，可以开设Photoshop、Flash等课程；为了进一步提高学生的网站建设及维护能力，可以开设动态网页设计课程等。

6结束语

总之，高职院校的计算机课程教学模式的改革已经成为必然，它对于高职院校的应用人才的培养具有举足轻重的作用，为此，笔者对《网页设计》课程的教学模式进行了适当的改革，积极探索，用于实践，努力构造该课程教学的崭新模式。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。

参考文献：

[1] 娄枫. 浅谈高职院校计算机基础课程的教学改革[M]. 中国科技信息,2006(10):237-238.

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

1.以就业为导向的网页设计与制作课堂的教学

1.1网页设计与制作课程的内容与特点

网页版面的规划设计与制作方法是网页设计与制作主要设计的内容，在计算机应用中网页设计与制作只是其中的一个分支。学生可以通过学习网页设计与制作学会基本技能，用来进行网页美化、网页设计与网页制作。网页设计与制作作为一门课程有一定的技术性，同时它所具有的艺术性也很强，学生会因为课程丰富的内容和涉及到多方面的知识而获取生存技能，同时学生的艺术气息也会受到培养。因此学生自身要有较高的综合素质才能学习这门课程。

1.2以就业为导向的课程体系设置目标

就业是目前网页设计课程的设计导向。市场需求是这种体系的前提，课程设置以就业为先决条件，职业中所需要的技能在课程设置中都能找到相对应的内容，学生有明确的就业方向在毕业之后。课程设置决定于岗位需求，课程内容紧密联系实际需要，在就业趋势上充分体现了“能力本位”。网页设计为与市场相连接应该构建一套课程体系，课堂体系的本位应该是培养能力、主线是进行实践操作并且能够顺应经济社会的发展。这套课程体系归纳总结了网页设计师在实际中的应用，不同的模块在教学中被设立用来进行学生的训练，对于教学中的知识点学生可以通过模拟训练来熟练掌握。

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

当今社会已经普遍应用了计算机和互联网，各企业和单位也越来越重视自身网站的建设，因此基本的网站制作技能是每个专业的学生都应该具备的。互联网背后运作被网页设计展现在大学生面前，对于这些文科生中的很多人都是闻所未闻的。因此，文科生会或多或少的存在一些困难在网页制作的学习中。文科生与理科生相比有比较活跃的思维，对文字更善于表达。如果对于计算机技能文科生能够快速的掌握，结合自己的知识背景和现代计算机来满足市场上的各种职业要求，那么他们的就业优势在同一竞争环境中就会比较突出。所以开展网页设计与制作课程十分必要。

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

3.1优化课程内容设计，引入新的教学方法

在文科占较大比重的综合性大学中，学生因专业的不同需要掌握不同的计算机技术。因此，高校应该根据不同的张扬对计算机课程进行不同的设置。理论与实践紧密相连是网页设计与制作课堂的基本特征，没有清晰的划分界限在理论与实践之间。本文提出了一些建议与意见在教学方法上用来实现教学效果的最优化。

3.1.1模拟任务法，课堂教学结合实际操作。

教师在教学活动中可以把课堂假设成工作环境，模拟演练制作任务，一边把如何操作演示给学生，一边向学生进行讲解，学生则可以边听边做。学生在这样的讲练过程中很容易被激发出兴趣，这种以学生为主的课堂可以提高学生发现问题、分析问题和解决问题的能力。

3.1.2实际案例分析法。

教师在课堂中引入典型的分类网站，为学生在课堂上做展示，对这些网站的内容分类、布局结构及技术特点进行分析讨论。通过实际案例对教材中的知识点进行解释说明，使学生的创新思维在实践教学中得到培养，团队合作能力得到锻炼。

4.项目驱动的专题教学模式创新

4.1对教学项目进行合适的选择，开发进度表的制定要细化。

优秀的教学项目对学生的积极性能起到充分的调动作用，学生会由“要我学”的学习态度逐渐转变为“我要学”。对于教学内容与实际案例的结合教师在备课时应该进行充分的考虑，选择的网络项目应该略具挑战性、有较广的覆盖范围。

4.2为了促进网页设计课程的创新引入专题教学模式。

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

关键词:网页制作;教学改革;能力培养;项目教学

1教学改革思想

高等职业教育作为高等教育发展中的一个类型,肩负着为国家培养面向生产、建设、服务和管理第一线需要的高技能人才的使命。如何提高教学质量,从而提高学生的专业技能,以适应新时代企业对高职人才的要求,这是每个高职高专院校摆在首位的问题。传统大学课程教学以学科为导向、以知识为目标、以教师为主体、以应试为基础、以逻辑为载体,但职业教育必须以职业活动为导向、以能力为目标、以学生为主体、以素质为基础、以项目为载体,开展的课程必须做到教、学、做一体化,切实提高教学质量[1]。本文对基于工作过程的网页制作技术课程改革进行了探讨。网页制作技术是一门实际操作、技能要求都较明显的课程,学生的学习兴趣也较高。怎么把学生的兴趣培养成网页设计师需要的专业技能,使学生上岗后的能力能适应工作岗位的要求,这是教学的总体目标及教师工作切入点[2]。

2课程改革实践

2.1职业岗位群定位

面向工作过程的职业岗位群分析,如图1所示。本课程面向岗位群是网页设计师:具备规划、设计、制作网站的能力;网站维护管理人员:具备网站维护与更新的能力。

2.2面向工作过程的能力分析

1) 网页设计师所需要的专业能力,如图2所示。

(1) 网站规划能力:能够准确分析、理解项目要求;对项目进行合理规划、评价;并撰写网站建设方案[3]。

(2) 素材收集能力:能够通过有效渠道获取资源,并对资源进行处理,成为需要的素材;熟悉使用并积累网页设计师常用的网页设计第三方工具。

(3) 网页设计与实现能力:教学重点,解决问题能力重点体现。需要熟悉主要工具工作环境,能应用编程语言实现设计方案,熟悉网页布局和设计,熟悉网页元素使用。

(4) 网站维护和更新处理能力:能按照专业规范操作,作品规范可维护。

2) 网页设计师所需要的职业核心能力,如图3所示。

(1) 与人沟通能力。

网页设计项目属于技术服务性项目,能否和客户顺畅沟通,准确把握客户需求,至关重要。大学生在校期间需要培养与人沟通能力,畅通的沟通渠道既有利于形成良好的教学效果,也是学生锻炼自己沟通能力的重要途径。课程在计算机公共机房开设,存在三方关系,学生与学生,学生与教师,学生与机房管理人员,鼓励学生积极地互动、沟通,及时解决问题,着力培养学生的沟通能力。

(2) 团队合作能力。

网页设计项目属于团队合作性质,需要各方良好的沟通及团队合作精神。课程通过学生组队合作开发项目,培养学生与他人合作的精神,培养学生的团队合作荣誉感。

(3) 信息处理能力。

网页设计是一个有活力的领域,新颖性强,需要有强大的信息处理能力。通过有效渠道获得所需要的信息,并对信息进行处理,这是解决问题的前提。通过收集课程项目所需要的信息,网页设计课程逐渐引领学生熟悉网页设计常用的方法和工具,使学生能够高效地获得有用的信息资源。

(4) 解决问题能力。

使用所掌握的技术,并结合获得的信息,解决客户的问题,这是网页设计师职业能力的重点。需要有良好的沟通能力和团队精神作为基本素质,能够获取并处理信息,具备扎实的专业技能,满足客户的需求,了解客户消费心理学,设计出合理有效的解决方案,并加以实施,这是能力培养的核心所在。

(5) 自学能力。

自学能力是一种再生资源,是网页设计师职业生涯中最宝贵的财富。作为高职学生,在学习过程中,能掌握学习方法,养成良好的学习规律和熟悉学习渠道,能利用获得有用的信息解决问题,那么毕业后,就能从容面对职业中所遇到的问题。面对问题,要充满好奇、好学,能主动求知,这是课程需要引导学生的。适当鼓励和引导,培养学生自我解决问题的能力,这个过程就是自学能力的培养。

(6) 创新能力。

创新是科技发展的灵魂。作为一个新颖性的职业,网页设计师同样需要具有创新精神。了解创新,关注创新,尝试创新!引导学生做有用的创新,培养学生的创新意识,关注国内行业内的创新新闻,如李开复先生所创立的创新梦工厂等。培养创新精神,这是网页设计师未来职业发展的重要条件。

2.3面向工作过程的教学总体目标

总体能力目标:规划、设计和制作B2C网趣电子商务网站。能够规划、设计和制作门户网站或电子商务等网站;能够对网站项目理解、分析、规划、评价;能够按照专业规范进行操作,作品规范可维护;熟悉网页制作和网站建设工作环境及主要工具;具备文本、图片、动画素材处理能力;熟悉使用并积累网页设计师开发常用第三方工具;具备网站维护和更新处理能力。教学以B2C网趣电子商务网站项目作为主要能力训练载体,以“先授人以鱼再授人以渔”为教学方法,以鼓励学生参加网页设计大赛为促进方法,全面开展教学工作,培养学生敏锐观察能力、清晰逻辑思维、良好团队合作精神,使其具备自我学习能力和持续发展潜力。

2.4面向工作过程的教学内容设置

网页制作技术课程面向工作过程的教学内容设置,如表1所示。

2.5面向工作过程的能力训练项目及认知设计

项目教学的关键在于项目的选取。一个项目的选取好坏直接影响到项目教学法实施后是否能取得较好的结果。好的项目不但锻炼了学生的学习和动手能力,还可以激发学生的学习兴趣,让学生在完成任务之后能获得成就感[4]。因此,要选择切实可行并且学生感兴趣的项目。

本课程以实际项目――B2C网趣电子商务网站作为驱动,项目贯穿整个学期教学工作,每次课程完成其中部分小项目,最后整合成一个大项目;并以学生参加网页设计大赛为促进,使学生系统、完整掌握网页制作技术。教学开展思路为:初级阶段以逆向开发分析、模仿为主,学生具备一定基础后走向正向开发过程。授课以基础能力训练为主,将制作网趣商城电子商务网站项目所需要能力进行分析,详细设置能力训练项目,让学生跟随教师模仿完成,及时考核,完成该部分内容,考核为及格或中等。提高篇:对学生进行创作引导,抛砖引玉,培养学生成就感、信心,鼓励学生创新,积极参与网页设计大赛,进行正向开发。辅导学生参与比赛,给予项目实际支持。至此,学生可以参与学院精品课程网站建设,并以此作为课程后续学习。

认知过程设计[5]:

1) 课程基于真实产品的任务驱动型教学方式,符合职业技能的形成规律。

2) 课程结构“模块化”、课程实践“项目化”、课程资源“系列化”、技能训练“层次化”,符合信息技术时代“生物学习模式”认知规律。

3) 构建了以“网站开发工作过程”为导向的“模块式”课程结构,课程分为9个教学模块、16个教学单元。课程模块根据岗位需求变化、教学实际情况灵活组合、动态调整。课程内容根据网页制作技术发展持续更新。

2.6面向工作过程的教学实施

课程教学改革实施具体方式:根据能力培养要求,结合认知规律,充分利用多种沟通工具,形成特色教学过程。教学开展分三步走,分别为课前、课中、课后,如图4所示。

教学方法――学中做,做中学。

模式一:初级阶段,逆向开发,如图5所示。

模式二:中级阶段,逆向开发。如图6所示。

模式三:高级阶段,正向开发。如图7所示。

2.7面向工作过程的教学考核方式探讨

考核方式是课程的指挥棒,应注重过程考核。

1) 基本思路。

本课程实操性强,学习效果即时可测。考核由平时成绩、课程设计、最终报告,具体比例如下。

(1) 平时成绩40%:包括考勤(10%)、课堂表现(10%)、实践报告(10%)、每阶段上交作品质量(10%)。

(2) 课程设计占60%:包括课程中制作的页面(30%)、后期完善及丰富的页面或自主项目(20%)、最终报告(10%)。

2) 课程设计的评分标准(共100分)。

课程设计贯穿整个学期,每次课完成部分页面,最终完成一个网站,如表2所示。

3) 最终报告的评分标准(共100分),如表3所示。

3课程改革效果

 课程出勤率较高,课堂上学生自觉专注于项目训练,讨论热烈,学习精神状态饱满,兴趣较高,氛围浓郁。

 课程项目完成效果良好,学生有一定成就感。

 课程按行业规范操作,培养学生良好操作习惯。

 通过佛山电子协会友情链接,部分学生已在关注佛山地区电子产品公司网站平台。

 得到学生和同行专家肯定,学生评价教学优秀,并获得学院年度教学质量优秀奖。

 学生参加学院网页设计大赛兴趣浓郁,并有11位同学获奖,产生一批优秀作品。

4结语

我院实施的课程改革面向以职业活动为导向,面向工作过程,经调查确定职业岗位群,分析该岗位工作过程中所需要的专业能力和职业核心能力,确定课程整体目标,具体分解能力目标。以项目为驱动,合理设计课程内容;设置能力训练项目表,进行认知过程探讨,符合生物认知模型。教学开展思路为逆向开发分析、模仿、正向开发过程,灵活采用3种教学模式。重视考核方案设计,强调过程考核。实践证明课程改革效果良好。

参考文献:

[1] 戴士弘. 职业教育课程教学改革[M]. 北京:清华大学出版社,2007:8-15.

[2] 戴士弘. 高职教改课程教学设计案例集[M]. 北京:清华大学出版社,2007:57-65.

[3] 杨晓明. “网页制作”课程教学改革的探索与研究[J]. 甘肃联合大学学报,2008(22):1012-1013.

[4] 于晓霞. 基于“工作过程”面向“职业岗位定位”的教学模式在网页设计课程中的应用[J]. 科技信息,2009(6):212-213.

[5] 史瑞芳. 网页设计与制作课程中项目教学法的引用[J]. 山西经济管理干部学院学报,2008(4):115-117.

参考文献:

[1] 钟柏昌. 任务驱动教学的反思与重塑[D]. 南京师范大学,2004:13-15.

[2] 郭绍青. 任务驱动教学法的内涵[J]. 中国电化教育,2006,234(7):57-59.

[3] 吴海花,王连山. 计算机软件项目教学改革的实践与探索―基于“任务驱动”的小组协作教学模式[J],考试周刊,2009,23:11-12.

[4] 李振娥,刘旭源. 基于任务的小组协作学习教学结构构成要素及关系[J]. 中国教育技术装备,2009,30(11):74-75.

Research on Java Teaching Pattern Based on Task Driven and Group Collaboration

LIU Wen-jie, WU Ting-ting, ZHENG Yu

(School of Computer and Software, Nanjing University of Information Science & Technology, Nanjing 210044, China)