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

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

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

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

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

一、职业岗位分析

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

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

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

三、课程教学目标

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

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

四、课程教学内容

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

五、课程的教学实施

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

六、考核方法

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

七、结束语

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

(北京吉利学院理工学院，中国 北京 102202)

【摘　要】以高职院校计算机专业学生的培养目标出发,探讨网页设计与制作课程课程标准的制定。对《网页设计与制作》课程的课程定位、设计思路、工作任务、课程目标四方面的改革，以便提高这门课的教育教学质量。

关键词 教学改革；课程设计；课程目标

1　课程定位

《网页设计与制作》课程是计算机应用技术、信息管理、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程，它涵盖了HTML设计、JavaScript脚本编程语言、CSS等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。课程以目前最常用的网页三剑客为主要工具，通过学习要求学生掌握网页设计的基本概念，了解常用脚本语言html，了解网页设计方法，初步掌握DIV+CSS网页设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。

2　设计思路

经过不断学习、深入调研，根据高等职业教育培养目标要求，根据职业岗位的任职要求，从多元智能的人才观、能力本位的教育观出发，确立了“基于职业工作过程，以培养职业能力和素质为重点，实施任务驱动教学”的课程设计理念。本课程是按行动导向教学理念进行项目式教学改革的试点课程。通过在多个专业试点，我们按照项目教学的要求，创设了行动导向的项目教学，不仅将网页设计的相关知识有机地融入到工作任务，还结合学生所处的不同时期、不同状态以及正在学习的不同内容，有针对性的嵌入了影响学生就业的职业素质的培养单元，进一步地加强了项目教学的职业针对性。课程以商务型专业网站平台服务岗位需求为导向，以网页设计职业能力培养为重点，以商务网站项目为载体，实现课程设计与开发的创新。网页设计教学按照网页设计员的岗位职业能力要求进行课程设计，围绕完成一个真实的工作任务开展教学，把学习与工作融为一体，通过指导学生完成一系列的实际工作任务来达到职业能力目标的要求，重点培养学生开发简单商业网站的岗位能力和职业素养。通过本课程的学习，要求学生能够成为从事网站开发、网页界面设计等工作的应用技术型人才。

3　工作任务

“网站建设与维护”职业岗位具体的工作为：在一种操作系统平台下综合利用各种相关软件完成网页设计与网站建设的工作。对于该岗位的从业人员人员来说，必须懂得Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。其中网页设计与制作员，其典型的工作任务是按照客户的要求进行网站规划和网页设计，运用Dreamweaver、 Fireworks、flash等网页制作工具完成网页的制作及网站建设。也为今后胜任小型动态网站建设、大型网站的规划与建设工作打好基础。

在《网页设计与制作》学习领域中贯穿两个平行的工作总任务；一个是模仿型总任务：《拓展运动会精彩回放》网站设计与制作；一个是开放型总任务：“以业余爱好为题材的个人网站”设计与制作；模仿型总任务来源于我校学生拓展运动会，这是一个真实的工作任务，也是一个学生感兴趣的任务。以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分成若干子任务，学生依据任务样本，在教师的示范引导下通过模仿而逐个完成子任务，最后完成总任务，获取学习成果。与完成该模仿型总任务相平行，以开放型总任务作为教学拓展。教师只给出原则性要求，网站内容依据学生个人爱好自由确定，技术的运用在满足原则要求的前提下由学生创意发挥，实现知识的拓展和能力的进一步提高。

4　课程目标

4.1　教学目标

了解WWW、HTTP、HTML、CSS的定义、概念和作用；

理解服务器、客户端、浏览器的概念和作用；

理解HTML语言中的常见标记及其作用；

熟练掌握Dreamweaver的基本操作方法；

理解表格、框架、层的作用，掌握设置其属性的方法；

理解CSS样式表的作用和意义，掌握定义CSS样式的方法；

理解表单的作用，掌握设置表单元素属性的方法；

理解行为的作用，掌握设置行为的方法；

理解模板和库的作用。

4.2　技能教学目标

会使用Dreamweaver网页设计工具制作网页；

会根据需要修改HTML语言中的标记，设置相关标记的属性；

能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；

能够熟练运用表格、层、框架等进行网页布局；

熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用；

熟练掌握表单制作方法，能够根据要求进行表单的设计；

能够在网页中根据要求设置行为；

熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计。

4.3　素质教学目标

具有勤奋学习的态度，严谨求实、创新的工作作风；

具有良好的心理素质和职业道德素质；

具有高度责任心和良好的团队合作精神；

具有一定的科学思维方式和判断分析问题的能力；

具有较强的网页设计创意思维、艺术设计素质。

通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握综合网站设计和的基本流程和方法。

参考文献

［1］郑娅峰.网页设计与开发[M].清华大学出版社,2011,9(2).

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

学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。

二、课程体系内容重构

本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。

三、总结

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

“网页设计与制作”课程正逐渐成为各高校近年来计算机专业领域发展最快和应用最广泛的课程之一，作为对学生实践动手能力要求较高的课程，该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。那么，如何提高该课程的实验课堂教学质量，真正增强学生的动手实践能力则是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学观察和总结，将从教学内容、教学方法以及教学效果三个方面阐述如何解决该课程发展面临的问题。

2.存在的问题

“网页设计与制作”作为许多高校计算机专业的专业基础课或者选修课，在实际教学过程中，经常面临的问题有：

⑴任课教师对新技术的把握能力不够。由于技术的发展日新月异，Html标准也发展到了Html5，一些任课教师显得无所适从。

⑵部分院校教学形式仍然采取理论和实验分堂教学。采取理论和实验分堂教学，在教学过程中学生理论课程听起来枯燥，在实验课又翻开书按部就班，学生掌握知识成效甚微。

⑶单纯工具型教学。学习任何一门课程的目的应该都要做到学以致用，简单的工具教学只能满足学生会不会的问题，要制作出优秀的网页还需要学生对艺术设计等相关知识有一定的了解。

3.实验教学改革

3.1 教学内容

根据制定的人才培养方案，该课程在我校开设一共32学时，全部采用实验课堂教学。经过对本课程的不断摸索和总结，我们将学生需要掌握及完成的教学内容分为六大模块：模块一，掌握网页、网站基础入门知识。根据“先总体后具体”的原则，总体讲述网站的概念以及网站上线的流程，要求学生不会做网页但要先会搭网站，计划2学时；模块二，掌握基本网页语言标签。通过对一些典型的小型网站来讲解并要学生掌握HTML语言各类标记符的使用方法，计划10学时；模块三，掌握网页布局，学会层叠样式表（CSS）。通过案例，要求学生学会样式控制并布局网站，计划10学时；模块四，掌握制作网页相关工具软件的使用。结合具体的实例介绍并掌握Dreamweaver、Microsoft Visual Studio、Photoshop等软件的使用方法，计划4学时；模块五，网页设计进阶学习。通过对优秀网站的鉴赏和分析，提高学生的学习兴趣，使学生头脑里形成设计的概念、网站规划的思路及流程，同时介绍网站的总体结构、风格定位、色彩的应用以及版式的设计等方面的知识，计划6学时；模块六，网页综合设计。学生自行选择一个积极健康的主题设计一个综合类网站，该内容在课堂外完成，可在课程中期开始同步进行。

3.2 教学方法

通过长期的教学实践，我们可以将教学方法归纳为以下几点：

（1）采用实验课堂教学，实践为主，讲授为辅

该课程的操作性较强，实践综合性也较强，课程学时也较紧凑，采用理论课堂教学，学生势必在有限的学时内收获较少，故采用实验课堂教学。在具体实验教学过程中，采取实践为主，讲授为辅的教学形式，如在教学内容模块一里面，计划2学时，可以1/3时间讲授基础入门知识，2/3时间学生根据教师精心准备的教学材料动手搭建成型网站，现学现用，学生记忆深刻，能较快掌握相关知识及技能。

（2）采用典型案例实验教学

该门课程强调实践动手能力，所以在实验课堂讲授时必须围绕案例进行教学，离开案例教学则该门课程又将倒退回理论教学的层面。要采用案例教学，需要从宏观上进行教学设计：可将互联网上较热的实际案例引入实验课堂教学体系中，每个重要知识点均与实际应用结合起来，在实际教学中，多引用实例，提高学生的学习兴趣，让学生主动去模仿、分析、创新等，同时也能帮助学生加强深对网站网页的理解，使其能够灵活运用所学的知识，从而获得一种成就感。该案例教学方法可以贯穿于教学内容的模块二至模块六，如在模块三掌握网页布局过程中，可以选用学生比较熟悉的淘宝、京东等知名企业网站进行讲解，可以由浅入深，从简单的登录网页到复杂的网站首页一步步剖析架构，特别是对于诸如margin、padding等容易出错的问题进行重点讲解，让学生能模仿并自己重新设计主题书写网页。

（3）拓展课堂、多元一体化辅助实验教学

要想真正让学生的动手能力达到质的飞跃，达到学以致用的目的，仅靠有限的课堂学时是远远不够的，但单纯增加学时又是不太现实和最不可取的方法。在实验教学过程中，我们不断摸索，总结出我们认为行之可效的方法：拓展课堂、多元一体化辅助实验教学。具体表现在以下几个方面：

①借用现代化多媒体手段学生自主学习。在教学过程中，学生除了按照任课教师的要求和准备的教学材料进行学习外，还应在任课教师指导下，充分利用现代多媒体等手段进行网上学习，如在基础知识模块学习过程中，可充分借助W3C学院（W3Cschool）进行辅助学习及实践练习。

②举办课堂外网页设计进阶讲座。在实验课堂教学过程中，模块五涉及到一些进阶的学习，但学生要借此在网页设计上有所造诣是远远不够的。我们在教学过程中，针对不同的学生对象，采取学生自愿的原则，免费举办一些网页设计进阶讲座，讲座的主题包括网页设计涉及的一些前言技术、美工素养及技能、学生创新创业思维的训练等。通过这些进阶讲座，学生提高了网页设计与制作的综合能力，同时也开拓了眼界。

③鼓励学生参加网页设计竞赛。在每学年学校或者全市、全国举办的网页设计等竞赛中，我们积极鼓励并指导学生参赛，从而进一步激发了学生的学习兴趣。

3.3 教学成效

经过近五年的实验教学摸索总结，在近三年的教学中，该课程保持了良好的教学效果，在学生之间口碑较佳，也得到了其他后续专业课程任课教师高度的认可，在学校的教学评分中也一直位于所有课程前20%之列。同时，课堂外的免费讲座、培训以及开展的各项相关比赛也极大鼓舞了学生的学习兴趣，为学生创新创业指明了方向，学生最终完成了该课程“学什么”、“怎么学”、“作什么”的关键问题，为今后的进一步深造学习打下了坚实的基础。

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

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

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

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

关键词：《网页设计与制作》课程；项目教学法；可行性分析

《网页设计与制作》这门课程是职业学校计算机专业的重要课程，在信息技术的发展和互联网普及的今天，计算机相关专业特别火热，《网页设计与制作》这门课程显得尤为重要。计算机网络专业如此受到欢迎，而职业大专院校关于计算机网络方面的教育教学同样显得尤为重要，如何结合计算机信息技术的发展，教育事业的发展背景，开展有效的教学活动成为重中之重。下面笔者简单介绍了什么是项目教学法、项目教学法的实施优势、如何推进项目教学法的有效开展，希望能够为广大职业学校从事计算机专业教师开展教学活动产生一定的启发。

一、项目教学法概述

（一）什么是项目教学法

项目教学法从字面上理解，重点应该放在“项目”上，它是把教学任务分为若干个模块，循序渐进地解决复杂的实际操作问题。对于《网页设计与制作》课程，运用项目教学法更多的是偏向于实践操作，把学生作为主体，教师在课堂当中扮演主导的角色，通过教师的指导，学生收集信息资料，以小组的形式共同研究，解决问题，完成任务，得出结论，最终掌握熟练的基础理论知识与操作技能［1］。

（二）项目教学法的实施优势

1．教师充当主导作用，能够充分激发学生的学习兴趣。项目教学法的使用能够从一定程度上削弱教师的作用，这里的削弱不是完全意义上的削弱，更是角色上的转变，师生之间的角色转换。把传统的教师问和教师讲的教学方式，转变为教师加以指导，在教师的指导下，培养学生独立探索思考，合作学习交流的能力。2．充分发挥学生的主观能动性，养成自主学习的能力。学生是教学活动的主体，对学生主体地位的高度重视，充分体现了重视确立学生的主人翁意识，而教师在其中扮演引导协助的角色，更像是引领学生进入《网页设计与制作》这门课程知识花园的导游。教师将项目教学法与任务驱动法结合起来，为学生布置任务，在完成任务的过程中养成自主学习的能力，在过程中遇到难以解决的问题，向教师与其他同学询问，从而加强与他人沟通能力，加强团结合作，充分发挥主观能动性［2］。

二、如何在《网页设计与制作》课程中有效运用项目教学法

教师视情况而定，可以按照或者不按照教材上的内容进行教学设计。但总体来说，职业学校的学生已经成年，思想成熟，对客观世界有了一定的认识，也具有独立自我思考的能力，所以其教学活动的开展不应该局限于教材，照抄照搬，而是在设计教学任务的过程中加入学生感兴趣的内容，可以将学生按照一定的比例平均分成若干个组别，把知识点分为若干个项目，每一个项目布置一些任务，学生以小组讨论的形式，解决每一个问题，然后在循序渐进中掌握知识。网页是网站最基本的组成要素之一，人们上网浏览信息是通过网页上的内容来了解的，网页又分为对话框、指令等很多要素，一个制作精良的网页总是能够给人一种耳目一新的感觉，吸引人们的注意力与好奇心，从而促使人们点击网页进入网站，增加这个网站的点击率，所以教师要经常反复为学生讲解学习《网页设计与制作》这门课程的重要性，以及网页在网站中发挥的重要作用，从而使学生激发学习兴趣，投入到“我要学”积极的学习状态中［3］。教师特别注意网站主题的选择，网站主题符合年轻人的特点。这里以一个音乐网站的制作为例，我们都知道一个网站的网页上的功能越强大，越来越吸引人们的注意，所以教师为学生布置任务，就拿首页上的网页内容来说，第一点让学生想出最基本的网页主题，如新歌排行榜、歌手、分类等一级主题，待主题确定下来以后，学生再集思广益讨论如何使网页看起来美观，联想出更多的艺术手法，使网页的设计具有充分的审美效果。综上所述，随着计算机与互联网的普及，各大职业高校的计算机专业受到热捧，《网页设计与制作》也成为计算机专业的必修课程。随着计算机专业教学活动的开展，在《网页设计与制作》课程中项目教学法越来越受到教师的青睐，为此项目教学法更应该被广泛应用，以便为计算机信息技术与互联网的普及与发展培养更多高素质专业人才。

［参考文献］

［1］杨丽华．项目教学法在《网页设计与制作》课程中的应用［J］．电脑知识与技术，2011，（34）．

［2］仇闽霞．项目教学法在“网页设计与制作”课程中的应用［J］．科教文汇（上旬刊），2012，（01）．

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

关键词：技艺融合；高职设计类；专业课程体系

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2012）12-0072-02

一、研究背景

通过行业调研显示，网页设计师职业方向用人要求必须具备设计技术能力和艺术创造能力。目前，我国高职网页设计师专业方向人才培养“重技术”能力、“轻艺术”能力培养的现象非常突出，造成了人才培养的能力短板现象非常严重，毕业生毕业达不到岗位综合能力要求，专业对口率不高，其相关专业教学质量较差。经过近五年探索实践，我网页设计师专业方向设计了独具特色基于岗位综合能力的“4571”课程体系开发范式，从四个维度进行界定：即多元性和开放性的开发主体、科学的开发方法、闭环的开发过程、完整的开发成果。其中核心是开发过程，这一过程包含五个关键环节，形成七个产品，最后一个结果就是“技艺融合”的课程体系，这一信息最终要反馈到岗位能力需求调研，从而使得整个开发过程构成了一个有序的循环过程，如图1所示。

二、研究内容

1.岗位调研，分析岗位核心技术能力和艺术能力，归纳形成“技艺融合”的职业能力标准集。实践专家研讨会第一阶段由实践专家主导，陈述实践专家个人职业发展阶段及代表性任务，通过对初、中、高各职业阶段的分析和总结，确认市场调研所汇总整理出的岗位能力要求，并与课程专家共同对岗位能力进行分解。实践专家研讨会第二阶段，由课程专家主导，根据表1分解职业能力所得技术能力与艺术能力，按照职业能力形成规律合并为职业初、中、高三个能力阶段的技术能力集与艺术能力集。

2.技术能力和艺术能力整合，形成核心课程。课程专家根据学生认知规律，参照岗位能力，将职业能力各阶段技术能力与艺术能力交叉融合形成专业课程。工具软件应用能力集与艺术鉴赏及色彩搭配能力集相结合，构建技艺融合的专业基础课程；网页制作技术能力集与设计能力集相结合，构建技艺融合的专业骨干课程；强化岗位技艺综合能力，构建技艺融合的专业实训课程。

3.依据职业成长规律，构建专业课程体系。依据学生职业能力形成规律及认知规律，把专业人才培养过程分为入门阶段、提高阶段及职业能力胜任阶段。入门阶段：以培养造型构图能力和基础工具使用能力为目的，技术能力主要培养学生网站基本策划能力及相关软件应用能力，在艺术能力方面主要培养学生平面构成能力及色彩搭配能力，辅以设计鉴赏类选修课程，提高学生的艺术鉴赏能力。提高阶段：是色彩搭配能力培养和技术能力提高的重要阶段，也是技术与艺术能力综合应用能力的培养阶段，主要培养学生的中小型网站设计与制作能力及动画设计与制作能力，在此阶段，辅以设计思想的理论性讲座，提高学生的设计理论水平。职业能力胜任阶段：是艺术能力和技术能力培养的升华阶段，主要通过综合项目实训及实习培养学生的策划能力及艺术创作能力。新课程体系以符合职业技术能力发展趋势的“技艺融合”岗位核心能力课程为主，以艺术素质课程、文化素质及政治素质课程、职业素养课程为辅，在培养技术能力的同时培养艺术能力，培养专业能力的同时培养职业素养，让学生的技艺能力同步发展，并为学生职业生涯的可持续发展提供保障。

4.打造“技艺融合”的课程体系师资队伍。①项目实战，艺术类教师专练网页设计与制作技术能力。针对艺术类教师工具软件使用能力及网页制作技术能力较弱的问题，我专业每年派遣艺术类教师到企业完成商业项目中网页设计与制作的工作任务，以培养艺术类教师的工具软件使用能力及网页制作技术能力，并在商业项目实战中进一步提高教师的艺术设计能力及设计思想表达能力。②理论与实践相结合，技术类教师提高艺术修养及网页设计能力。针对技术类教师软件应用能力强，但艺术设计能力较弱的问题，通过外出培训、选修艺术类课程等方式提高技术类教师的艺术修养，并与艺术类教师共同参与商业项目实践，在项目实战中提高教师的艺术设计能力。③专职与兼职相结合，引进“技艺融合”的复合型人才通过专、兼职形式引进行业实践专家加入教学团队，帮助教学团队提高技艺能力，提升教学团队整体素质。④技术类师资与艺术类师资相结合，满足“技艺融合”课程教学需要。在教学安排中，若教师无法独立承担技艺融合的课程教学，可以技术教师与艺术教师搭配的教学团队形式承担教学任务，在教学过程中各施所长，在教学准备过程中又可以相互学习，互补缩短。

5.开发“技艺融合”的项目化教学系列教材。采用任务驱动，从分析艺术设计思想入手，按照工作过程利用工具软件完成项目任务，并在每个学习情境结束后都对该学习情境中涉及到的专业技术、技能及艺术思想进行归纳总结，帮助学生总结技艺经验。学生通过学习教材，既了解了项目的基本工作流程，又对构成项目的各个单项任务有了一定的认识，并且通过完成任务直至完成整个项目的过程学习了各种专业技术、技能，艺术修养也得到了一定提高，真正做到了学会的都是极有实用价值且使用频率相对极高的，在一定层面上来说解决了提高教学效益的体质问题。

6.建设“技艺融合”的教学资源库。①根据岗位艺术能力要求建设艺术库，网页设计师岗位艺术能力要求主要是艺术鉴赏能力、色彩搭配能力、图形创意能力、设计思想表达能力和创意设计能力。②根据岗位技术能力要求建设技术库，网页设计师岗位技术能力主要是网页设计与制作软件及原型设计软件使用能力、WEB2.0页面制作能力、交互式脚本语言应用能力。③根据岗位综合能力要求建设综合库，与实习实训公司的开发基地相结合，共同开发实习实训综合项目库。④根据教学需要建设学习课件资源库，建立开放式教学平台，提供优质的PPT课件及视频教程课件。

“技艺融合”的网页设计师人才课程体系构建应立足于市场人才需求，以“技艺融合”的网页设计师人才培养为目标，由“技艺融合”的实践专家和课程开发专家采用面向职业岗位的反向推导流程，围绕人才“技艺融合”的岗位核心能力培养，同时建设技术与艺术相结合的师资队伍及教学实施保障体系，以实现符合行业需求的网页设计师创新人才培养。

参考文献：

[1]赵志群.职业教育工学结合一体化课程开发指南[M].北京：清华大学出版社，2009.

[2]莫足琴，梁铭，夏德洲.高职计算机网络技术专业工作过程系统化课程体系设计与实施[J].十堰职业技术学院学报，2010，（3）.

[3]王小净.培养专业人才更需培养操作技艺型人才——职业教育人才培养探索[J].文教资料，2009，（6）.

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

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

中图分类号：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　结束语

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

参考文献：

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

【关键词】计算机 中职学校 网页设计与制作 教学设计

中等职业学校培养目标是把学生培养成与我国社会主义现代化建设要求相适应，具有综合职业能力，在生产、服务一线工作的高素质劳动者和技能型人才。本文以《网页设计与制作》这门课程为例，浅谈有关这门课程的教学设计。

一、教材分析

我校目前使用的教材是人民邮电出版社出版的《Dreamweaver CS3 网页制作基础教程》。该教材主要采用项目教学法，通过大量精心编排的项目由浅入深、循序渐进地介绍网页制作的基础知识，章末还安排了习题，以帮助学生在课后及时巩固所学内容。

教材中采用的网页制作软件是Dreamweaver CS3。对于初学者来说，Dreamweaver 比较容易入门，具体表现在两个方面：一是静态页面的编排，这和Microsoft等可视化办公软件是类似的；二是交互式网页的制作，利用Dreamweaver可以比较容易地制作出交互式网页，且很容易链接到Access、SQL Sever等数据库。

二、学情分析

我的授课对象是职校计算机专业二年级的学生。

（一）思想观念方面：中专学生一般由基础薄弱、学习态度不端正的弱势群体组成，他们很少得到赏识，缺乏自信。

（二）现有知识水平方面：通过一年级的基础课程和部分专业课的学习，学生对计算机操作有了一定的了解和掌握，但对于学生刚接触一门新开设的专业课程，还是很陌生的，需要由浅入深逐步引导学生入门。

（三）专业能力需求方面：大部分学生毕业以后都直接走向社会的工作岗位，他们更需要坚实的专业能力和职业素养。

三、教学目标

（一）知识与技能：1.能熟练地建立站点，创建和设置文档。2.能在网页中使用图像和媒体，设置超级链接。3.能使用表格、框架和AP Div布局页面。4.能创建表单页面和使用行为。5.能使用库和模板制作网页。6.能使用时间轴制作动画。7.能使用CSS样式控制网页外观。8.能配置动态网站的运行环境。

（二）过程与方法：1.通过课堂教学过程中的观察对比、实践演练等形式，培养学生分析问题和解决问题的能力。2.采用任务驱动的方法，养成主动进行学习的习惯。3.采用项目教学法，培养学生的团队合作精神。

（三）情感态度与价值观：1.通过学生自主解决问题的过程，体会成就感，树立自信心，为自主学习、主动学习奠定基础。2.通过小组协作、任务驱动等形式，渗透团队合作精神及研究探索知识的意识。

四、教学重点难点

重点：学生能够熟练地使用Dreamweaver 这个软件来进行网页设计与制作。

难点：熟悉网站制作流程、分析网页的布局结构、网页色彩的搭配原理。

五、设计思想

（一）项目教学。为培养学生自主学习的能力，让学生成为课堂的主体，本门课程采用了项目教学法。在课堂中，教师只是 起组织、引导的作用。教师先提项目要求，然后学生进行分析、讨论，同时教师可以通过随机点名提问或者举手自荐的方法来总结学生遇到的问题，然后有针对性地进行理论知识和实际操作的讲解。

（二）任务驱动：1.创设情境，引出任务。首先使用与课程相关的动画短片、音乐、视频、图片等素材来创设情境，引出任务，然后提出任务的要求，目的是提供学生动手、动脑、参与的机会，明确任务。2.思考讨论，分析任务。通过思考、分析、讨论和教师的引导下，将任务细分为若干个小层次，逐个解决。这有利于提高学生的分析能力、思考能力。3.实施任务，完成任务。在思考、分析任务后接下来就是任务的实施阶段。在这个阶段，学生作为课堂的主体，通过自主探究、小组讨论等方式来分析问题和解决问题。而教师就扮演组织引导的角色，在课堂中巡回观察、指点学生更好、更快地完成任务。

六、考核方式的设计

《网页设计与制作》是一门实践性强的专业技能课程。为适应该课程培养学生自主学习能力、知识应用能力以及创新性专业人才的目标需要，在教学过程中，教师应重视理论与实践相结合，注重培养学生运用理论进行观察、分析和解决问题的能力。

为了能准确反映出课堂的教学效果，《网页设计与制作》课程主要以“项目考核制”为主，即学生个人独立完成项目作为该课程的一种考核方式。《网页设计与制作》课程的总评成绩应包括平时成绩、实训课成绩、项目考核成绩以及展示作品成绩。

对于一个整体项目，应从以下几方面进行评价：主页面的设计风格、子页面的制作、网页中的链接、页面布局方式以及整体效果。要求整体风格统一且有特色，主页面、子页布局完善且合理，文件夹组织有序、标准，文件命名正确、符合行业标准。评分时，教师应结合平时实训的操作情况以及展示作品时其他学生的评价给出一个综合分数。

总之，教无定法，贵在得法。以项目为载体、以任务为驱动的教学方法对中职学校的学生来说是一种能调动其学习积极性的行之有效的方法，能充分发挥教师的主导作用和学生的能动作用。学生在进行项目设计时，能充分发挥自己的想象，展示自己的设计思路，从而更主动地参与到教学活动中来，促使学生为完成项目而进行多渠道的自主学习，以扩大学生的知识面，实现个性化、层次化和弹性教学，提高学生解决问题和综合应用知识的能力，培养学生的创新意识，实现学生与工作岗位间的零距离接触，为以后走向社会打下了坚实的基础。

参考文献：

[1]黄世吉，梁元超，常春英.Dreamweaver 网页制作案例教程.北京：航空工业出版社，2010.

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

关键词：网页制作 Dreamweaver 中职生 实践教学

随着互联网技术的不断发展，人们的生活越来越离不开网络，从企业到个人、从商业到娱乐，互联网已经渗透到人们生活的各个领域。随着搜索引擎等搜索工具不断的改进和发展，网页已经成为宣传自己最有利的手段，个人、企业等纷纷建立起了自己的网站，使用互联网宣传自己。因此近年来社会上对网页设计师、网页美工、数据库开发人员的需求量在不断地增加。本文将针对中职教学的特点和学习Dreamweaver网页制作课程的要求，来阐述教学时应采取的教学方式和注意的问题。

在中职教育中，在开设相关课程时要充分考虑到课程的实用性，因为中职教育重点培养学生的动手实践能力，所以在教学时应该以学生能够实现独立的网页制作为目标。在进行课程教授时，教师应该在有限的课时内，详细阐述静态网页制作的原理和方法，培养学生利用Dreamweaver软件开发网站和网页设计的能力。本文将从如下几点说明如何开设“Dream-weaver网页制作”课程。

一、明确课程任务

职业技术教育主要培养学生的动手实践能力，在开设“Dreamweaver网页制作”课程时，应当培养学生网页设计和制作、网站维护的能力。对于网页制作课程而言，首先，要熟悉网页制作的开发环境，学习一个软件，软件本身的使用和相应的编程语言对于一门技术而言是至关重要的，如果不能掌握基础的使用，就不能再进一步的进行扩展使用。本课程使用的软件为Dream-weaver8，学生首先要了解该软件的特点，熟练掌握Dreamweaver的基本操作，对网页编程语言要做到熟练和精通。其次，要培养良好的职业素质和编写规范。再次，培养学生的客户意识、团队合作和自学能力。网站开发是根据用户的需求而进行定制的，在开发时要与用户进行密切的交流，将用户的需求进行文档化、结构化。在进行项目分析时也离不开项目团队，通常一个网站开发的工作量较大，一人难以实现，这就需要团队进行开发，所以教学时应培养学生的团队意识，能够在团队中进行交流或管理。

二、制定课程计划

网页制作课程应该把学生就业作为教学方向，所以在制定课程计划时应该充分考虑到课程的实用性，合理安排理论教学和上机操作的课时，做到理论与实践相结合。在开设课程时应该对当前网页制作的趋势进行了解，以免出现课程内容滞后，学生毕业后不能被用人单位认可的现象。当前的网页制作使用Dreamweaver 8，编程语言使用HTML超文本标记语言，布局控制使用CSS层叠样式表。进行网页制作首先要了解所使用的工具，所以教师对Dreamwe-aver8的功能和使用方法要使用一定的课时进行讲解，讲解后需要学生上机进行操作熟练。工具掌握后还需要学习网页制作的编程语言，HTML语言是编写静态网页的最基本的编程语言，也是编写ASP文档和开发各种Web应用程序的基础。网页的外观对一个网站能产生很大的影响，在授课时也应提高学生的审美能力，能够让学生在满足网页功能要求的条件下制作出更加美观的网页。

三、教学方法的选择

网页制作课程是一门实用性很强的课程，在课程教授时，应该做到以实际操作为主，理论知识通过实践操作得到理解和掌握。授课教师可以从培养实践技能入手，将学与用相结合，在教学中通常使用的方法包括实际案例法、任务驱动法和项目参与法。在进行书本学习时，学生会遇到很多没有预见性的问题，同时比较抽象，难于理解。使用实际案例法可以将教学的重点和难点引入到实际操作中，使用多媒体教学可以很直观地进行讲述，学生也能够很快的接受，然后让学生进行上机实践操作达到掌握课程重点知识的目的。

四、成绩考核办法

根据“Dreamweaver网页制作”课程的教学目标和课程特点，本课程适合采用上机考试和作品考核相结合的方式作为考核办法，这两方面所占的比重，各个学校可以进行自主设定。使用上机考试，能够有效解决学生作弊问题，同时可以督促学生提高动手实践能力。作品可以采用单人提交或者团队提交的方式，通过对作品考核，在某种程度上可以观察学生的思考和实践能力，能够挖掘学生的创新意识和团队意识。

五、总结

在对中职学生进行“Dreamweaver网页设计”课程的教学中，应当把提高学生就业竞争作为主线，改变传统教学模式，根据实际需要明确教学目标、制定相应的授课计划、采用有效的教学方法和成绩考核方式。教师要不断进行探索和创新，勇于使用新方法培养学生的动手实践能力、团队协作能力和自学能力，只有将教学方式不断地改进，才能收到满意的教学效果。

参考文献：

［1］戚爽.“Dreamweaver网页制作”课程的教学研究［J］.长春理工大学学报，2010，12（5）:169-170.