Dreamweaver网页制作教学方法探索

陶亮　秦云霞

摘 要： 随着计算机技术的飞速发展和互联网的广泛应用， 网络技术和多媒体技术也得到了更深层次的开发应用，其中网页制作已成为热门，Dreamweaver是网页制作的主流软件。在Dreamweaver课程教学中，应以培养学生实践能力、创新能力为目的。据此，作者采用多种教学模式相结合的方法，把目标激励教学模式、概念——实例教学模式、行为导向教学模式有机结合在一起，并辅以现代化的教学手段，取得了良好的教学效果。

关键词： 教学边界 教学领域 教学模式

作为一门计算机和平面设计交叉的学科，Dreamweaver网页制作学科有其实用性和特殊性。在实际教学过程中，教师不应再采取传统科目的教学方法，而应结合学科目标和当前的社会实际，进行有针对性的教学，以实现学生能力和职业要求的接轨。同时Dreamweaver网页制作作为新兴学科，其内容丰富，有许多相关科目对它进行了完善发展。故此，笔者结合多年的教学经验，对Dreamweaver网页制作的课程进行了优化和教学创新，以期更好地达到教书育人的目的。

1.根据职业确定教学边界

行业行为领域分为行为过程及行为导向，它是一种综合性任务，来源于职业生活。简而言之，它就是“what”和“how”。具体的行业行为流程主要分为三步：一是针对网站进行大体地构想，并加以创新。二是根据平面设计的基本知识对网站进行色彩搭配、分配布局等工作。三是随时对站点进行维护和更新。与此同时，对增加站点的访问量也需要投入一定的精力。

2.构建教学领域

笔者认为，在Dreamweaver网页制作的教学领域中，把网页设计当做中心点，向四周发散地扩展是比较合适的。其中网页设计包括以下内容：多媒体技术、网络技术、数据库技术、色彩搭配、版面布局等。同时再在各个方面进行学习深入，这将使学生在Dreamweaver网页制作的技术学习上，不仅有深度，还有广度。

3.教学难点

3.1缺乏HTML语言基础。大多数学生在学习本课程前都没接触过编程，没有一个很好的学习基础，因此学生对于HTML语言的学习感到吃力在所难免。

3.2丰富的知识面要求。Dreamweaver网页制作有着丰富的表现形式和多样的技术手段，并且涵盖了大量的知识点，它要求学生具备一定的艺术修养和审美能力，这使得页面设计与制作比起来要耗费更多的精力与时间。在页面构思上，学生要充分考虑页面布局、图文搭配及色彩搭配等平面设计方面的知识。

4.教学过程

学习前期过程主要采用的是概念——案例教学模式和目标激励教学模式，并将这两种模式结合起来进行教学活动，一方面通过概念——案例教学模式激发学生的兴趣，对实际案例进行剖析，另一方面通过目标激励教学模式组织实践，以强化基本技能和知识点，从而让学生获得系统的知识结构和基本的实践能力。举例来讲，在传授如何插入一个多媒体元素时，利用多媒体教学软件边讲解边演示，指出需要理解的知识点和需要掌握的操作技能，用案例来讲解知识点，再用目标激励教学模式进行监督学习。同时布置若干目标任务，把在教学过程中涉及的知识点和操作技巧隐含于目标任务中。在相同的目标指引下，教师“教”，学生“学”，学生“做”。此时学生有着强烈的目标激励，将会自发地进行学习和探索，大大提高操作层面上的能力与技巧，培养浓厚的学习兴趣和学习欲望，以及自学能力。

学习后期的主要目标是对Dreamweaver网页制作知识和技能的系统掌握和知识整合。为了达到综合提高学生能力的目的，将采取行为导向的教学模式。在其过程中，以项目教学法为例。笔者以企业对岗位的需求为起点，把企业的实际环境引入到教学环境中，并将二者有机结合在一起。确定项目——商业网站。商业网站有着系统的开发体系，并且涉及了很多方面的知识。商业网站开发可以分为五个步骤：提出需求——整体构思——具体操作——项目检验——客户点评。对具体项目的参与和剖析，非常有利于学生知识架构的整体把握。此过程中，教师和学生分别作为客户方和项目承接方，按照客户（教师）的引导和要求，项目承接者（学生）以小组的形式，在明确项目目标的前提下制定具体的工作流程，开始实施。不同能力的学生分别承担相应的任务，能力强的学生可以适当地承担核心任务的开发。项目承接方（学生）还要在项目实施中多与客户（教师）交流。项目教学法可以充分发挥学生的主观能动性，极大地提高具体层面的操作能力，培养团队合作意识，同时帮助他们学会如何更好地发现、分析、解决问题。

5.《Dreamweaver》教学模式优化

5.1概念—实例教学模式。

概念是学习每一门课程的根基，任何一个学科都要有概念作为其强有力的支撑，Dreamweaver网页制作作为一门学科，亦如此。考虑到学生的学习主动性、学习积极性，以及對略显枯燥的理论知识的兴趣，教师通过鲜活生动的例子引出概念就显得比较重要，同时引导学生将理论应用于实践，加强理解，方便消化吸收。

5.2目标激励教学模式。

通过目标的激励，借助别人的帮忙，利用手头的学习资源，以自学的方式获得知识的教学模式称为目标激励的教学模式。即在教学过程中，向学生分配一定量的具体任务，教师从旁指导，引导学生采取手段方法，并辅助教学资源，最终完成任务。这类似于几何证明中的“反证法”。

因为教师的能力是有限的，对于要授课的知识不可能面面俱到，所以教师引导学生抓住重点和主线非常必要。并且“纸上得来终觉浅，绝知此事要躬行”，只有在实践过程中，学生才会对授课内容有着更深层次的理解和印象，才能真正掌握知识。在这个教学模式中，直接影响学生学习兴趣的就是任务的选择，好的任务能够在无形中激发学生的学习兴趣，而不好的任务则不利于学生学习的积极性。所以教师应根据Dreamweaver网页制作的灵活性、综合性、实践性等特点布置任务。

5.3行为导向教学模式。

在教学过程中，教师模拟实际工作环境营造教学气氛，与学生一起商定学习目标及学习任务，通过各种手段指导学生学习，以期培养学生的学习兴趣，提高实际操作的能力。在学习过程中以小组的形式增强学生的团队协作能力的教学模式称为行为导向教学模式。该教学模式以人的发展为本，以提高职业技能为导向，以项目教学法、案例教学法、头脑风暴、角色扮演为新的教学方法，是比较先进的教学模式，其中又以项目教学法为主。

6.充分利用現代科学技术

为了给学生提供一个与因特网相似的学习环境，让学生充分体验Dreamweaver课程是基于网页制作的课程，通过该课程的学习，学生将学会独立发布网页和制作网站。为了学生真实地参加项目设计，参与网站项目开发的全过程，参加网页制作和网站建立的工作流程，建立模拟开发环境是必要的，可使每一位学生都可以进行网站开发、网站建立、网站管理和网络发布。同时教师可以查看学生制作的网站，并进行成绩评定及学生通过互相访问进行互相学习观摩，让学生真实地体会工作过程，锻炼实际工作能力。此外，笔者还将自己研发的《Dreamweaver网页制作》课程教学网站放在教师机上，以便在教学过程中讲解、演示教案网页，进行授课。课程教学网站还提供了一些教学功能，如实验习题、资源下载、教学课件和讨论区等，并向学生开放，学生可在课程教学网站上获得授课教案、教学课件、讨论区、实验习题等内容，同时教师对教学过程进行全程管理。先进教学技术的利用，大大提高了教学质量和效率，实现了教学管理的网络化。

总之，计算机专业的课程可以有多种教学方法，集综合性与实践性于一身的Dreamweaver网页制作课程亦如此，为了更好地满足将来工作岗位的要求，教师要结合具体实际，进行有针对性的教学，不可千篇一律，要不断反思、总结、探索。同时，将“教”、“学”有机结合起来，做到教中有学，学中有教，让学生体会研究探索的乐趣，培养学生的团队协作能力，激发学生的学习兴趣，培养学生的实际操作能力、创新能力及自主学习能力，从根本上提升学生的综合素质，为社会输送高层次的技术人才。

参考文献：

[1]万良.黄锦祝.网页制作技术课程改革探索[J].中国职业技术教育，2007（7）.

[2]杜丽军.行动导向在中职《网页制作》课程教学中的探索[J].职教论坛，2007（20）.

[3]丁海燕.网页设计与制作[J].课程教学的探讨与实践，云南农业大学学报，2009（3）.

[4]吕慧娟.网页设计课程教学的创新与实践[J].电脑知识与技术，2007（13）.

[5]肖海慧.案例导学与任务督学相结合的《动画设计》课程的教学模式[J].职业教育研究（天津），2007（12）.