网页设计与制作课程教学探讨

序论：写作是一种深度的自我表达。它要求我们深入探索自己的思想和情感，挖掘那些隐藏在内心深处的真相，好投稿为您带来了一篇网页设计与制作课程教学探讨范文，愿它们成为您写作过程中的灵感催化剂，助力您的创作。

网页设计与制作课程教学探讨:《网页设计与制作》课程教学改革探索

摘 要：《网页设计与制作》是计算机专业的必修课程，该课程集知识与实践一体，深受学生的喜爱。目前多数院校在教学过程中，普遍存在“重制作，轻设计”的问题，致使学生制作出来的网页粗糙拙劣。本文提出《网页设计与制作》课程的教学应以“技术为设计服务”为指导思想，从教学内容、教学方法和课程考核等方面，对《网页设计与制作》课程进行教学改革和创新研究，旨在提高学生的网页设计与制作能力，为其适应市场需求打下良好基础。

关键词：网页设计与制作 网页与网站设计原则 教学改革

内蒙古科技大学是地方高等院校，毕业生大多到企业从事设计、生产、管理等技术工作，故人才培养定位于“工程实施型人才”，要求学生具有扎实的基础理论和专业基础知识，能够教深入地掌握专业知识和流行生产技术，具有较强的工程实施能力，因此内蒙古科技大学的毕业生具有“上手快，留得住，后劲足”的特点，毕业生就业率连续多年位居自治区高校前列，被国务院授予“全国就业先进工作单位”光荣称号。该校的计算机科学与技术专业在学校人才培养思想的指导下完成了专业定位，重新制定了人才培养方案和课程体系，在此背景下，计算机科学与技术专业开设了《网页设计与制作》课程。

1 《网页设计与制作》课程现状及存在的问题

根据企业用人标准及对毕业生的回访调查，总结出了网页设计师的从业要求：具备优秀网站设计能力，能综合运用各类软件设计视觉创意网站，能独立进行平面网页的创意设计，具有良好的艺术触觉和美术色彩搭配功底，深刻理解web标准，熟悉CSS+DIV模式，能手写XHTML及CSS样式代码，懂得javascript应用，精通设计与网页设计软件，如photoshop、fireworks、dreamweaver等，能独立完成网站的规划和静态页面制作。可以看出一个优秀的网页设计师能够对网页的构成元素进行艺术规划和创造性思维活动，通过网页制作技术实现网页设计的目的，达到了艺术与技术的和谐统一。[1]为了培养大一新生对计算机专业的学习兴趣和热情，许多高校包括我校在内，将《网页设计与制作》课程规划为必修课安排在大一下学期开课，目的通过本课程所见即所得的特点，激发新生对计算机专业的学生兴趣和热情。可在以往的本课程教学内容安排上，重网页制作技术的讲授，对网页设计相关知识涉及甚少，即便学生掌握了XHTML、css+div、JavaScript等网页制作技术，可没有遵循网站与网页设计原则，致使学生制作出来的网页粗糙拙劣，毫无美感可言，这样的教学安排，难以培养学生的专业学习兴趣和热情。

2 《网页设计与制作》课程改革思路

以适应企业需求为导向，以培养学生网页设计能力为根本，以项目教学和案例教学为手段，以实际网站为目标，进行课程内容的编排和改革。[2]紧跟当前市场需求，及时对教学内容作出调整，特别强调网站与网页设计原则理论知识，在讲授网页制作技术的过程中注重网页设计基本理论与基础知识的渗透，努力提高学生的审美情趣，在潜移默化中让学生形成“技术为设计服务”的思想，让这种思想指导其网页设计与制作行为，最后将这种认识转换为能力，最终体现在其网页设计作品上。

3 《网页设计与制作》课程教学改革方案

以“技术为设计服务”为指导思想，以项目教学和案例教学为手段，通过项目驱动，[3]让学生在32学时讲授+32学时上机的学习过程中，独立完成上机项目。上机项目按照具备知识水平由易到难，需求由低到高，设计方案由局部到整体的梯度进行，符合教育教学的基本规律。结课后，以一个综合项目的开发作为对学生学习效果的最后的评价。综合项目的开发，实际上是学生实践和独立探究的过程，在此过程中，增长了学生的知识，培养了学生创造性思维和发现问题、解决问题的能力。

3.1 教学内容的编排

按照WEB标准，网页由三部分组成：结构（structure）、表现（presentation）和行为（behavior），因此，在教学内容的编排上，将《网页设计与制作》课程分为四大模块进行讲授和实践。分别为：网页与网站设计原则、XHTML基础知识、css+div、javascript。

网页与网站设计原则模块：在本课程的教学过程中处于指导地位和核心地位。通过该模块的教学，首先让学生掌握网站的3C设计原则，即简洁、一致性、对比度。通过一些优秀网站设计案例的展示，使学生对3C设计原则有初步的体会和认识。其次让学生掌握页面设计要点，包括：精心组织的内容、格式美观的正文、和谐的色彩搭配、较好的对比度、生动的背景图案、页面元素大小适中，布局均匀、不同元素间的留白等。通过优秀网站设计案例的讲解，让学生初步体会每一个页面设计要点。在随后的课程讲授及上机实践中，通过具体案例，强调网页与网站设计原则，让学生对3C设计原则及页面设计要点有更深的体会和认识，在潜移默化中，学会用网页与网站设计原则指导自己的网站制作行为。

其他三个模块为《网页设计与制作》课程的技术范畴。通过XHTML、css+div、javascript的讲授及配合各类上机项目的实践，使学生具备认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为的能力。最后以网页与网站设计原则为指导，设计开发一个综合项目。该综合项目要求要有鲜明的主题，内容与形式统一，个性突出、布局合理、配色美观。可以看出，通过本课程技术层面的学习，为学生奠定了制作综合项目的技术基础，而其掌握的网页与网站设计原则又将反作用于其网页制作的行为上，提高其网页制作水平，逐步达到技术与设计的和谐统一。

4 《网页设计与制作》课程考核体系

本课程的考核方式为考察，主要考察学生的实践能力及学生网页与网站设计原则的掌握情况。将平时表现，上机项目完成情况、综合项目的开发情况相结合，从而得出学生的最终成绩。

考核方案设计如下。

平时表现10分：包括上课出勤，上机出勤。有课堂主动回答问题的额外加3分。

上机实验40分：内容包括：包含文本、图像、超链接、多媒体的简单网页设计（3分）；包含表格的简单网页设计（3分）；包含表单的简单网页设计（3分）；利用框架进行简单网页设计（3分）；利用CSS样式表美化网页（10分）；利用表格进行网页布局（3分）、利用DIV进行网页布局（5分）、利用DIV嵌套表格进行网页布局（5分）；利用javascript实现网页特效（5分）。

综合项目开发：通过本课程掌握的网站设计原则及制作方法，完成综合项目的设计与制作。（50分）

设计要求（25分）：需求分析充分，栏目设计合理，功能完善，网站深度不低于3级别（5分）；主题鲜明，页面布局合理，配色和谐，形式美观，风格统一（10分）；logo、banner的设计应突出主题，与页面风格相协调（5分）；要有便捷的导航信息。网站内容丰富，具有良好的可读性（5分）。

技术要求（25分）：站点文件组织规划合理，主页必须以index命名（2分）；代码书写符合XHTML语法规范（3分）；用Div对网站进行总体布局，局部布局可用表格（6分）；用css进行页面的美化，对样式的定义统一写在外部样式表中（6分）；多媒体元素运用得当，适合网络传输（3分）；页面中包含有JavaScript实现的特效（5分）。

5 结语

改革后的《网页设计与制作》课程重视学生网页设计能力的培养，在每一次的教学实践环节中，都在强调网页与网站设计原则，在潜移默化中让学生学会用网页与网站设计原则来指导自己的制作行为。在此原则的指导下，74名学生完成的综合项目开发作品中，符合网站与网页设计原则的作品有62.3%，其中优秀作品比例为 12.6%，较未实行教改前学生的设计与制作水平有了明显提高。实践证明，以“技术为设计服务”为指导思想的《网页设计与制作》课程教学改革实在可行，提高了学生网站设计与制作水平，为其以后的就业打下了良好基础。

网页设计与制作课程教学探讨:高职网页设计与制作课程教学改革探析

摘要：网页设计与制作在高职课程教学中的落实突出了课程的综合性与操作性特征，这对于学生动手能力提高和创造性思维培养都有积极的导向作用。高职教育的核心在于学生职业素质的培养，与企业专业技术岗位需求相结合，高职网页设计与制作教学效果的提升需要从教学内容改革出发，突出课程教学中应用型人才培养优势，能够将所学知识应用于网页设计当中。网页设计与制作的目标在于网站建设，这就需要通过课程资源整合构建全新的高职教育教学模式，促进课程教学改革。笔者从自身的教育教学实践着手，借助能力本位思想对当前高职网页设计与制作的教学现状及其课程特点进行了阐述，突出了就业岗位与课程实施之间的适应性，以任务驱动教学为基础提出了网页设计与制作的课程改革思路。

关键词：高职教学；网页设计与制作；课程改革；岗位需求

伴随互联网技术的高速发展，现代企业越发关注到自身门户网站建设及维护问题，与此对应的专业技术岗位需求也偏向于对网页设计与制作人才的渴求。高职教育立足于对专业技术人才的培养，职业教育在突出人才实践技能训练的同时也更加关注信息技术背景下学生的就业问题，这对于高职教育今后的发展至关重要。实践性是高职网页设计与制作课程的显著特征，它不同于传统的网络技术教学模式，对于学生的动手能力和实践创新能力都提出了更高的要求，教学方式和教学手段的选择偏向于对学生实践意识和主动意识的激发，这同时也是当前课程教学改革对高职网页设计与制作学科提出的必然要求。只有切实与企业专业技术岗位需求相适应，才能更好地体现高职教育技术型人才的培养优势。

1 高职网页设计与制作的课程特点及其教学现状

从现代职业技术教育的特点分析，高职网页设计与制作的教学目标除了表现在系统化的网页制作理论知识外，还突出了对学生综合动手能力、实践创新能力和网页设计能力的训练，以此促进学生实践技能和理论知识的双重发展，更好地将所学应用于岗位就业当中。操作性是高职网页设计与制作课程的特点之一，这就决定了在网页设计与制作教学中理论与实践之间的相互配合，并将实训教学应用于网页设计课程教学的各环节当中，这对于教学效果的提升意义重大。

现阶段网页设计与制作课程在高职院校技术教育中的落实相较于以往网页制作工具教学而言有了显著进步，借助多媒体教室演示教学和实训室教学激发学生的课堂教学主体意识，并以此培养学生的实践创新能力。然而当前的网页设计与制作教学还存在着实用性与理论性相脱节的问题，忽视了与企业专业技术岗位需求相结合，这就使得岗位工作和学科教学之间存在着较大差距，不利于教学效果的提升。高职学生本身在网页制作能力方面有所欠缺，加之教学内容和教学方法中存在的弊端，不仅有碍于学生学习积极性的激发，同时也使得现代工作岗位与教学模式之间的差距拉大，课程改革亟需得到落实。在网页设计与制作的课程考核方面，仅仅采用的是任课教师出题的方式，具体形式表现为上机操作和理论考核两个部分，而其中学生出勤率以及平时作业却占据了较小的比例，这不仅忽视了学生实际问题解决能力的培养，同时也使得学生的实践创新意识被遏制，不利于学生个性品质的完善。高职网页设计与制作涉及到多门学科内容，单一的考核形式显然难以满足现代化职业教育的根本需求，这就需要在课程改革中突出网页设计与制作课程考核的多元化，以此激发学生的学习主动性。

2 高职网页设计与制作课程教学改革的设计思路

2.1 与企业专业技术岗位需求相结合

从当前企业网站开发团队的角色划分角度分析，通常除了网页设计师、网页美工师和后台开发工程师以外，还包括网络测试人员及维护管理人员。由于网页设计与制作课程教学对象自身专业的差异性，因此培养目标的构建也应当与学生知识结构及专业特点相对应，体现教学内容和教学目标的针对性，这是高职教育因材施教原则的集中体现。从具体分类上看，电子商务和计算机相关专业的学生在逻辑思维能力方面有着显著优势，作为电子商务网站建设与WEB应用程序开发的重要前导课程，这些专业学生在学习网页设计与制作时可借助自身的编程基础强化在网站及网页制作方面的学习，至于Firework或是Photoshop这类图形处理技术则不作过多要求，在网页设计与制作课程学习中学生对于CSS样式表以及HTML语言有了更加全面的了解，并且能够借助JavaScript实现对网页特效和Flash脚本的编写，这是对学生专业技术岗位能力的培养过程。而艺术专业学生本身对于布局、构图、色彩等内容较为敏感，因此可着重训练学生的制图能力，通过网页制作与设计课程的学习引导学生立足于网页界面的美观设计，借助Flash使得网页素材的呈现更有动感，这对于学生后期的职业生涯也有着积极的导向意义。

2.2 项目驱动型教学模式

以往高职网页设计与制作课程教学中关于案例教学法的运用仅仅是将网页制作技术与案例分析相结合，其教学过程中学生仍处于极为被动的状态，学生关注的核心在于某一个案例的制作过程，然却忽略了自身对网站项目的制作及设计。项目驱动型教学在高职网页设计与制作中的应用能够显著改善当前的教学现状，推动课程教学改革的有序实施。这一教学模式的具体程序及环节包括以下几点：

2.2.1 项目选择

项目选择的过程应当与教学大纲及课程教学内容相结合，控制好项目选择的难度以及知识覆盖面，使得项目教学的实施能够连成一线，突出各环节课程教学的连贯性。教学实践当中首先需要完成学生的分组工作，确定三至四人为一个小组，并确定其中一人为组长，网站主题的确立可由小组成员自由选择，并于特定时间内完成主题资料收集和网站策划书的编写工作，并由组长在课堂教学中对其进行演示，完成小组方案的呈现与阐述，之后由其余小组对其提出合理建议。网站项目确定后需要由教师帮助学生完成项目开发进度表的制定，细化项目实施的具体内容。

2.2.2 专题教学方式

从网站项目实施的具体步骤分析，除了网站主题确定、资料整理、logo设计以及网站风格选择外，还涉及到配色方案的选择、网页排版、主页制作和网站测试等内容。依据具体的实施步骤，教师可与教学大纲相结合明确教学专题的开发进度，对基本元素、布局模式及网页排版等问题组织学生进行讨论。在对以往教学案例进行分析后，学生对于网站设计的理解更加深入，能够在知识点的驱动下完成自我网页的设计与制作。

2.2.3 组织讨论

从教师本身知识结构及专业修养的差异性分析，在网站制作技术方面会对教学设计产生一些影响，因此针对存在疏漏的地方就需要对其进行讨论与修改。通过优秀网站欣赏使得学生加深对网页制作的感性认识，能够从优秀网站中获得网页设计的灵感，体现自身创意设计水平，这对于学生知识面的扩展和分析问题能力的提高都有积极影响。

2.3 分阶段型考核模式

这一考核模式将项目开发进度划分为若干小的阶段，学生完成阶段工程汇报后再由师生共同参与考核，考核的重点在于对网站主题和页面布局的考查，除此之外还需要对整体页面的美观性进行评定，检查网站规划中的各项功能以及页面链接效果，具体包括：

2.3.1 网站选题

小组网站主题的拟定可由成员自行选择，在对同类网站进行分析后分析自身技术路线和服务形式的异同，并与企业专业技术岗位需求相联系，切实分析网站本身的维护成本及盈利模式。网站策划书是这一阶段需要完成的项目，组成对其进行必要的演示操作，并由师生对其展开评价和提出意见。网站选题占总考核比重的10%。

2.3.2 网站设计

网站设计涉及到网站的色彩配搭、版面布局以及主题设计等方面内容，小组成员需要借助FireWork或是PhotoShop完成草图制作，并由组长对设计理念进行陈述，师生对其提出建议。网站设计占总考核比重的15%。

2.3.3 网站制作

依据草图设计完成对应的网站制作工作，由于页面较多也可采用定期对开发进度进行报告的方式对关键页面进行演示，这一过程中教师需要对演示进度进行控制。网站制作占总考核比重的25%。

2.3.4 网站测试

网站测试的内容除了包括页面文字和图片显示、链接有效性以及浏览器使用情况外，还需要由小组成员完成对应的测试报告，认真剖析测试过程中存在的问题。网站测试占总考核比重的15%。

2.3.5 网站

在完成主页空间的申请后借助FTP工具对网站实施操作，教师和学生可用各小组提供的域名访问网站。网站占总考核比重的5%。

3 结束语

综上所述，作为近年来高职教育新兴的学科课程，网页设计与制作重视对学生实践创新能力的培养，通过实践技能与理论知识的结合体现高职教育人才培养特点和企业专业技术岗位需求之间的契合。教学内容的丰富及其教学过程富于变化，使得网页设计与制作这一课程在学生群体中引起了广泛关注。现阶段高职网页设计与制作课程研究的重点在于如何将学科教学与企业岗

位相结合，促进学生职业素质和专业技能的发展。课程改革的有效性在于与市场就业需求相一致，将企业专业技术岗位需求纳入网页设计与制作课程教学改革的考虑范围之内，使得岗位能力与教学内容相吻合，这对于学生团队协作能力、网站管理能力和网页设计能力的提高有着积极的促进意义，这是职业教育在人才培养方面资源优势的集中体现。除此之外，关于网页设计与制作课程教学改革的新一轮研究对于高职网络技术等课程教学模式更新也有着不可忽视的启发与借鉴意义。

网页设计与制作课程教学探讨:浅谈中职学校《网页设计与制作》课程教学设计

【摘 要】随着计算机技术的发展，中职学校的“网页设计与制作”教学存在的主要问题是传统的理论教学内容过多，结合案例的内容偏少。只有在实际教学中突破传统的教学模式，切实加强学生的实践力度，才能让学生在实际操作中循序渐进地了解和掌握“网页设计与制作”的流程和方法，才能适应现代化社会的发展。

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

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

一、教材分析

我校目前使用的教材是人民邮电出版社出版的《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.实施任务，完成任务。在思考、分析任务后接下来就是任务的实施阶段。在这个阶段，学生作为课堂的主体，通过自主探究、小组讨论等方式来分析问题和解决问题。而教师就扮演组织引导的角色，在课堂中巡回观察、指点学生更好、更快地完成任务。

六、考核方式的设计

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

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

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

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

网页设计与制作课程教学探讨:高校教育技术专业网页设计与制作课程教学改革初探

摘 要 针对高校开设网页设计与制作课程培养的学生无法满足事企业单位需求的问题，文章以整个教育技术学课程体系为研究对象，研究如何将网页设计与制作大方向的相关技术进行整合，在整个学习过程中将学生分层分级，将知识分阶段，进行“教传帮带”的层层深入学习。

关键词 教育技术专业 网页设计与制作 教学改革

0 引言

随着网络技术的飞速发展，利用互联网获取信息已成为人们生活学习不可缺少的部分，①同时作为各种教育类机构在网络信息时代的窗口，这些事企业单位急需大量的网页制作人才，网页设计与制作课程乃至相关的学科内部方向，成为高校教育技术专业的核心课程。

传统的教学模式培养的学生，往往不能适应用人单位的要求。网页设计与制作的教学内容与市场需求相脱离，距离社会岗位要求甚远，无法胜任事企业岗位等问题。②

1 课程改革原因分析

笔者认为，造成高校开设网页设计与制作教学与事企业单位用人需求脱节的主要原因有以下几个方面：

（1）网页设计与制作课程开设滞后。教育技术专业全程教学计划中，在第二学期开设图像制作课程；但是到第四学期才开设网页设计与制作课程，而且学时受到压缩，不仅学生学到的知识有限，还不能得到实际的锻炼；而后续专业课程Flash和C#在第五学期才能开设；社会大量需求的如Flex和Ajax以及后台代码编程的或PHP在第六学期才能开设；而在第七学期开始专业方向训练为时已晚，许多学生选择去考研和盲目地开始实习。

（2）相关教材编写没有连续性。当前大多数网页设计与制作方向的教材都是基础知识的讲解，提供的案例也都相对简单且实用性不强。绝大多数的教材都没有交叉性，无法体现出网页设计与制作作为现今主流的B/S模式下系统开发体系在跨平台性、交互性、开放性等方面的优势。使得学生们总认为什么技术都只学个皮毛。

2 深入开展网页设计与制作教学改革的探讨

湖北第二师范学院计算机信息技术系，从2011年开始，比照教育技术专业的多个大的方向，将学生分为多个课程组。提出“基础知识扎实化；特长教育持续化；产学研用③一体化”的方针，进行了教育技术方向的“三化”教学改革。要求学生在学好本专业基础课程的同时，还要掌握一种自己的特长技术，为胜任毕业后工作的需求对学生进行大学阶段的全程培养。通过长时间的学习、讨论、制定，两年来，我们对2009、2010、2011这3个年级的近100名学生进行了分方向培养。网页设计与制作为其教学改革的一个方向，培养学生人数为31人。

2.1 基础知识扎实化

选择了在网页设计与制作课程方向的同学，所要求学习的知识是一个系统级的体系结构，将网页设计与制作的学习过程大致分为3个阶段，如图1所示：

第一阶段学习色彩与构图、平面图像处理等课程。在基础知识学习的过程中就不断地提供实践案例进行分析讲解。

第二阶段学习HTML、DIV+CSS、JavaScript脚本，掌握网页制作的前台基础。掌握Dreamweaver软件的使用，结合网页实例掌握DIV+CSS的各种布局方式。并对学生教授前端Js脚本技术，使其后续可以进行网站的交互式开发。

第三阶段分两个方向，学生在学习完数据库基础后选择学习富客户端编程或网页制作后台编程。富客户端选择用Flash进行教学，后续学习ActionScript的Flex编程；网页制作后台选择用C#进行教学，后续学习的编程。

所有学生在最初学习平面设计课程组的基础知识。当第二阶段开始时，正规课堂教学开设C语言，小组成员可以同时学习第二阶段的课程。此后正规课堂开设了数据库概论的课程，成员可以在巩固第二阶段的课程后开始进行第三阶段分方向学习。整个过程在1～2年内全部覆盖到。

2.2 特长教育持续化

要求从大一就开始选择方向并持续的开展上述知识的学习。提倡“教学为辅自学为主”的教学模式，和学以致用的精神。按上述三个学习阶段通过考核将学生分成多个层次，每个层次分成同级别的多个小组。

课程的学习都是在正规课堂教学以外的时间来完成。教师首先对各个小组提出学习方向和目标，精确到每个星期，并指定教材和参考书目及相关网站。高层次的小组轮流安排学生为低层次的小组进行教学辅导，和布置任务，检查作业。每个星期开会讨论和总结。教师进行大方向的干预。最高层次的小组直接进入老师的项目或老师提供的项目，进行以项目为驱动的教学。④

2.3 产学研用一体化

第一，最高层次的小组成员直接进入老师的项目。可以在项目组中进行后台代码或前端富客户端的开发以及文档的撰写。第二，组织学生积极参加国内外的各种大创比赛，锻炼学生的水平、提升学生的积极性。第三，积极和事企业单位进行合作，将这些单位的项目分给学生制作，老师进行全程监控；或者推荐学生到对方单位加入项目组进行实战的开发。

3 结语

通过两年多时间的实践和探讨。学生在网页设计与制作方向的实践能力取得了稳步的提高，并形成了一套良性循环的教学模式。低级别的学生通过学习进入高级别，高级别的同学通过给低级别的学生教学而更加巩固了知识，学生们的实践制作能力得到了用人单位的肯定，达到了教学改革的效果。

网页设计与制作课程教学探讨:浅析任务驱动教学法在网页设计与制作课程教学中的应用

摘 要 网页设计与制作是计算机网络技术专业中，一门知识面广、实践性强的课程。通过近几年教学方法的改革，在教学过程中采用任务驱动法，不仅提高了课堂教学效率，而且为培养学生应用相关专业知识开发产品的能力提供了有效途径。本文阐述了任务驱动教学法在网页设计与制作课程教学中的运用。

关键词 任务驱动教学法 网页设计与制作 教学运用

0引言

随着网络时代的到来，网页设计制作技术在IT领域得到越来越广泛的应用，因此网页设计与制作被纳入到计算机网络技术专业课程体系中，成为该专业的一门专业核心课程。该课程强调理论与实践并重，通过对Html、Dreamweaver、动态网页的学习，掌握网页设计制作的各种技能，培养学生实践动手能力，使学生能够进行网站的建设和开发。

1任务驱动教学法的特点

网页设计与制作课程不仅实践性和操作性强，应用面广，而且与岗位联系非常密切，因此在教学过程中，如何启发学生的思维，培养学生的应用能力，使学生形成自主学习的习惯是教学的主要目标。这就需要在教学的过程中充分调动学生的积极性，使学生参与进来，培养学生的实践操作能力，注意引导学生将理论知识应用于实践操作。任务驱动法打破了传统的“教师讲、学生听”的填鸭式教学方法，建构“教师积极引导、学生主动学习”的教学方法，使学生由被动接受转变为主动思考，使学生在完成任务的过程中学习到了新的知识，并且培养了学生发现问题、分析问题和解决问题的能力，以及团队合作的精神。

2任务驱动教学法在网页设计与制作课程中的实施

任务驱动教学法在实训教学过程中采用“目标+任务”的教学模式，通过任务驱动使学生掌握单个内容知识点，任务由浅入深，使学生得到清晰的思路、方法、技能脉络，培养学生发现问题、分析问题、解决问题的能力。

2.1设计任务，创建情境

首先，教师向学生布置学习任务，要求学生带着任务和问题去学习。在教学初期，教师可推荐一些有特色的网站供学生欣赏，将学生带入真实的环境中，激发他们学习的兴趣，同时引导他们去思考如何设计网页、建设网站，由此确定本课程的总体任务――建成一个网站。其次，教师要针对课程中每一部分知识点将总体任务细分为若干大任务，如：文本、图像、链接、表格、框架、表单等，再将这些大任务进一步细分为一些小任务。任务从易到难，小任务紧密围绕总体任务逐一实现。教师要充分结合网页设计与制作的特点，创建可以引发学生学习兴趣的任务，为学生营造一个愉快的学习氛围，以使他们积极主动地参与进来。

2.2分析任务，提出问题

任务提出之后，不要急于讲解，而是要先让学生对任务进行思考、分析和讨论，提出完成任务需要解决哪些问题。提出的问题中，一些是学生以前已经学过的，这些问题学生自己就能解决；另一些是没有学过的，即隐含在任务中的新知识点，这也正是任务所要解决的问题，这些问题最好由学生提出，因为解决一个问题仅仅是技能而已，而提出新问题、从新的角度去看旧问题，却需要较强的思维能力。在学生学习过程中，教师应给予适当的提示，引导问题的提出时，要采取先粗后细、逐步求精的办法。另外，学生不可能一次把所有的问题都提出来，对于一些任务中存在的问题，学生只有亲自做到相应步骤时才有可能提出。同时，也只有在完成任务的过程中提出并解决相应的问题才有助于学生对问题的理解。

2.3自主学习，探索研究

问题提出后，教师不要直接告诉学生如何去做，而应向学生提供解决该问题的线索。要以线索引起和维持学生的学习兴趣和动机。学生结合已有知识自行完成任务，通过自主探索或团队协作开展解决问题的工作。在完成任务的过程中巩固旧知识、掌握新知识，并将所学知识融会贯通，进而运用到实际任务中去。教师最好让学生自己去设计具有个性化的网页，发挥学生的主动性，激发学生的创造力。完成任务的过程是学生有意识将技能运用的过程，在这一过程中，学生围绕设计主题搜索资料，深入学习，完成对问题的理解、知识的应用和意识的构建。

2.4测评反馈，形成结果

鉴于高职院校学生的特点，在整个教学过程中，教师不应过多地看重学生所获得知识的对与错，而应重视学生参与教学活动的态度，解决问题的能力和创造性的发挥，以及获取的经验与教训。测评是对学生能力的客观评价，应既符合技能教学的要求，又注重学生的个性发展。同时要注意，测评不仅要指出学生的优点，也要看到学生的缺点，以有利于学生的创新能力和自学能力的充分发挥。对每个学生完成的任务，都要在多媒体教学环境中进行交流展示，师生共同讨论点评，及时对学生的任务结果做出反馈。

2.5知识转移，自主创新

学生只有将所学的知识有效地运用于不同的实际环境之中，实现知识的转移，才能说实现了真正的掌握。在经过测评反馈之后，大部分学生已经能熟练掌握操作技能，鉴于网页设计制作课程的特点，此时应按照不同的网站类别，如：个人网站、公司网站、学校网站等，给学生布置几个完整的网页设计主题，让学生了解常见网页设计制作的流程，鼓励学生进行创新，培养学生的创新思维能力和创新精神。

总之，教师进行任务设计时，要仔细推敲每个知识点、统筹兼顾，为学生设计出一系列典型的操作性任务，让学生在完成任务过程中掌握知识、技能和方法，真正实现“学中做、做中学”，充分发挥学生的主观能动性，训练他们的创造性思维，全面提高学生的综合素质。