以能力为目标的《Dreamweaver 网页设计与制作》课程教学改革研究

贾利娟

摘要：《Dreamweaver网页设计与制作》是一门实践性很强的课程，在日常的教学过程中老师除了讲授课本上的基础知识外，重点是培养学生的分析能力、创新能力和实际的操作能力。该文针对目前高校在课程安排上的问题，从教学内容、教学方法、教学手段及考核方式进行了探索与研究。

关键词：网页设计与制作；教学改革； 教学方法

中图分类号：G424 文献标识码：A 文章编号：1009-3044（2015）30-0155-02

Research on the Teaching Reform of "Dreamweaver Web Design and Production" With the Ability as the Target

JIA Li-juan

（Shaanxi Radio and TV University ，Xian 710119， China）

Abstract： the Dreamweaver web design and production is a practical course， in the daily teaching process， teachers besides lecturing the basic knowledge of textbook， the key is to cultivate students' analytical ability， innovation ability and actual operation ability. In this paper on the question of curriculum in colleges and universities， it has carried on the exploration and research， from teaching content， teaching methods， teaching means and examination mode.

Key words： web design and production； teaching reform； teaching method

互联网是一个蕴藏着无穷资源的宝库，在资源共享和信息交换方面具有得天独厚的优势。随着互联网的迅猛发展，我们可以获取、交换和存储连接到网络上的各种计算机信息。网络上存放信息和提供服务的地方就是网站，一个成功的网站离不开精美绚丽的网页，目前Dreamweaver是最受欢迎的网页制作软件之一，使用它可以制作出十分精美的网页。

《Dreamweaver网页制作与设计》是一门设计性和创造性很强的课程，该课程是目前各高等院校计算机应用技术及相关专业的一门专业必修课程。本课程的主要任务是讲授网页设计与制作的基础知识、网页制作工具的使用方法、静态网页设计技术的综合应用以及网站建立与管理等实用技术。但是在以往的教学过程中我们只注重课程的理论教学及制作软件的使用，忽略了学生的能力培养。因此笔者结合自己实际的教学工作经验结合课程标准、教学内容、课程知识结构、教材等提出了具体的教学改革内容。

1教学内容探索与改革

按照现代职业教育理念，紧紧围绕专业培养目标，按照“以能力培养为核心，以职业岗位为目标，以工作过程为导向”设计课程。结合笔者三年多的教学经验，把本门课程的内容分为10个完整项目，每个项目又分解为若干个任务，通过一系列“由简到繁、由易到难、承前启后”的阶梯式案例演练，使学生快速掌握网页设计制作的思路和基本技能。通过实训练习和课后习题，拓展学生的网页设计制作实际应用能力。具体教学项目及内容如表1所示。

表1 课程项目教学内容

[序号＼&项目名称＼&主要内容＼&项目一＼&网页设计与制作基础＼&网页与网站基本知识、网站开发的基本流程、Dreamweaver软件简介、创建和管理本地站点、HTML标识语言基础知识。＼&项目二＼&应用文本和图像＼&在网页中插入文本及文本属性、格式和样式的设置、在网页中插入图像及图像的属性设置、网页中图文混排版面的制作。＼&项目三＼&插入多媒体元素和超链接＼&网页中Flash动画的插入与设置。网页中视频、音频元素的插入与设置、其他多媒体元素的插入与设超链接的种类和路径、各类超链接的创建（文本、空超链接、图像、E-mail、锚、图像热点）。＼&项目四＼&使用CSS样式＼&CSS样式的概念与引用、CSS规则的基本语法和创建方、在网页文档中使用CSS样式。＼&项目五＼&表格＼&创建表格、编辑表格、表格的嵌套、设置表格的属性、表格标签及标签检查器、使用表格设计网页。＼&项目六＼&框架＼&框架与框架集、框架与框架集的属性设置、用框架布局网页、框架的嵌套、使用浮动框架、利用框架设计网页。＼&项目七＼&使用AP Div元素＼&AP Div概述、AP Div的创建和基本操作、使用AP Div布局网页、AP Div与表格的相互转换、使用AP Div元素布局网页。＼&项目八＼&使用行为和表单＼&行为的基本知识和基本操作、应用Dreameweaver中的内置行为、使用行为创建网页特效、创建表单和表单对象、应用表单和表单对象、在网页中使用Spry布局对象。＼&项目九＼&模板、库和资源管理＼&创建模板、应用模板、应用库、应用资源面板。＼&项目十＼&站点的测试、发布、管理与维护＼&站点的测试和发布、管理、维护站点、网站的推广和宣传。＼&]

2 教学方法探索与改革

2.1 项目驱动、案例教学

采取“项目引导，任务驱动，案例教学，实训练习，课后习题”的教学方法，依据课程内容设计出相关工作项目任务，融入“教、学、做”一体化进行教学。在教学方法上从具体的工作任务入手，通过具体的案例训练内容完成任务，教学过程是能力训练过程，所有教学内容都不是从教学生知识点出发，而是将知识点融入到相应的案例中，让学生通过实际的案例训练任务掌握相应的能力。

本课程共由10个项目组成，每个项目包含2—6个案例，每个案例由具体的要求和项目素材两部分组成。在完成一个项目模块后，要求学生把每一个案例都练习一次，通过练习强化了学生的理论知识，加深了对项目知识的了解，提高了学生实践技能，为后期独立完成大作业打下了良好基础。

2.2 举办网页设计大赛

为了激发学生学习的积极性和创造性，提高学生的动手能力，在课程学习结束后举办网页设计大赛，给学生搭建一个学习交流的平台，达到“以赛促教”，“以赛促学”的目的。学生通过参加网页设计大赛，提高学生解决实际问题的能力，同时培养学生的创新思维及团队协作能力。

2.3 加强实践教学

加强校企合作：①聘请企业专业人员来校作为兼职教师给学生上课，把企业的真实工作任务和真实情景带到课堂，使学生体会到职业能力和岗位角色的要求。②学生到企业进行顶岗实习，了解职业技能的新要求，企业的真实需求，同时让学生在企业学习的过程中参与真实项目，激发学生的学习兴趣，促使学生更好的掌握理论知识。

3 教学手段改革

本门课程传统的教学模式是：教师在多媒体教室授课，然后安排学生在机房实验，练习教师所讲内容。这种教学方式使学生只能对书上及课堂上讲的内容进行实验，而忽略了学生上机实验的自主性，很难使学生提高和创新。因此为了保障该门课程的改革，学校需要建立专门的网站设计实验室并安装投影仪，实验室每台计算机上安装多媒体教学软件，使学生在课堂上能够一边听老师讲解一边自己操作练习，完成实践-理论-再实践的学习过程。

4考核方式改革

《Dreamweaver网页设计与制作》是一门实践性很强的课程，因此它不能采取笔试的方式进行考核。但是如果单纯采用上机考试，学生在有限的时间内一般无法完成网站的制作，达不到全面考查学生综合实践能力的要求。所以对于该课程的考核建立过程考评与期末考评相结合的方法，强调过程考评的重要性。具体考核方式见表2。

表 2 课程考核方式表

[考核方式＼&过程考评（50%）＼&期末考评（50%）＼&学习态度＼&试验与实训考评＼&20＼&30＼&考评实施＼&完成各教学单元的实训练项目＼&大作品＼&]

对于期末考评专门安排一周的课程设计时间，要求学生在一周的时间内独立完成一个主题网站的设计与制作，并把学生的作品评定成绩作为本门课程的成绩，这样让学生重视了对实际的动手操作的掌握，同时也给学生一个更大程度的提高、创新的机会。

5 结束语

《Dreamweaver网页设计与制作》是一门实践性及综合性很强的课程，通过在教学过程中进行改革与创新，采用项目驱动、案例教学的教学方式，激发了学生的学习积极性及对网页设计与制作的兴趣，同时培养了学生的综合素质和实际操作技能。在近2年的课程教学中，这种教学方式取得了良好的效果，并受到了学生的好评和欢迎。

参考文献：

[1] 鲁圆圆.《网页设计与制作》课程教学改革研究[J].软件导刊，2014（10）：177-178.

[2] 赵玲玲，朱美洁，李招弟.应用型本科专业网页设计与制作课程教学改革研究[J].北京城市学院学报，2013（4）：52-54.

[3] 任翠池，姜晗.《网页设计与制作》课程教学改革研究与实践[J].课程教育研究，2013（8）：217-217.