简析项目驱动教学模式在Dreamweaver 网页设计课程教学中的应用

1 前言

随着互联网的迅速发展， 人们对网络的依赖越来越强烈，为了更好地宣传和交流，许多企事业单位及个人都建立了自己的网站，网页作为信息传播的载体也显得非常重要，网页制作已经成为当今社会的一门热门技术。目前各大高校针对计算机专业及非计算机专业学生均开设了该门课程，该课程的教学目标是使学生掌握网站架构的创建设计方法、网页制作的实践操作技能，增强学生使用工具解决实际问题的能力，培养学生具有正确的设计理念和创新思维方法以及团队合作精神。该课程的实践性、技能性很强，它对学生计算机应用能力的提升起着非常重要的作用，那么如何采用有效的教学模式来提高学生的网页制作能力，取得最好的教学效果，是所有任课教师都在追寻的课题。项目驱动教学模式近几年被许多课程采用，教学效果显著， 本文将就项目驱动教学模式在Dreamweaver 网页设计课程教学中的应用进行详细探索。

2 目前Dreamweaver 网页设计课程教学存在问题分析

目前Dreamweaver 网页设计课程普遍采用传统的教学模式，即先课堂理论教学，然后再上机实践的教学形式。在理论课上，教师在多媒体教室进行理论内容讲解、演示操作步骤，学生看大屏幕，这种教学模式学生只是欣赏式地学习，虽然看到了教师制作每个网页的详细操作过程，但并没有记住完成的具体步骤，课后遗忘率高，而且学生都在被动地接受所学知识，学生上课注意力不集中、打瞌睡现象非常严重，课堂上教师一言堂，教师与学生之间互动交流的时间很少，教师根本不能及时掌握每位学生对所学内容的理解程度。在实验课上，学生主要是将教师在理论课上所讲的内容进行模仿操作，但通常理论课与实验课的时间安排距离较久，很多学生早已经忘记了具体操作步骤及操作过程，上实验时不知从何入手。其次学生还要完成实验教材的固定♛实验内容，这些实验在教材上虽然有详细的操作步骤，学生也只是按照要求一步一步地验证，只知其然，不知其所以然， 并且教材上的实验主要结合各章所学知识点安排的，学生所学知识和技能都比较零散，会使学生觉得各章的实验内容互不相关，不能形成全局观念，对所学课程缺乏整体认识，学习完一学期的课程，最后在课程的整周实训时，学生也不能综合应用所学知识来独立开发一个综合网站项目，达不到该课程预期的教学效果，也不利于学生实际应用能力的提高及职业技能的培养，学生毕业后也很难适应相应工作岗位的需要。

3 项目驱动教学模式简介

项目驱动教学模式的整个教学过程都要以学生为中心，教师只是教学的指导者和组织者，教师在课前要设计出若干个具体的项目方案， 课上教师要与学生配合来共同完成这些项目，并将Dreamweaver 网页设计的知识点融入到完成项目的各个环节中去，层层推进项目，在完成具体项目时，学生还要根据项目的需求搜集素材资料，并充分发挥自已的创造性和想象性来完成各个项目，并随着问题的深化或功能的扩充，教师还要把教学内容逐渐拓宽深度和广度，直至完成复杂完整的大项目。另外教师还要做好学生的组织工作， 将学生分成不同的学习小组，让全班学生都积极参与到项目的设计完成中去，并管理监控好每个项目的完成情况， 对出现的问题及时给予指导帮助。该教学模式创造了真实的任务情境及自主学习环境，能够调动学生学习的积极性和主动性，提高学习兴趣，既能让学生学习到有用的知识，又能培养动手实践能力及探索创新精神，教学效果非常显著。

4 项目驱动教学模式在Dreamweaver 网页设计教学中的实施过程

4.1 Dreamweaver 网页设计课程教学内容介绍

第一章初识Dreamweaver，主要包括网页制作的基本知识、Dreamweaver 软件的操作环境等内容。

第二章构建网站的准备工作，主要包括创建站点、规划和搭建站点结构等内容。

第三章HTML 代码控制， 主要包括HTML 语言、编辑HTML 代码、优化HTML 代码、查找与替换、使用Dreamweaver手工编写代码等内容。

第四章设置页面的整体属性，主要包括网页头部的设置、网页的整体设置等内容。

第五章创建图文混排页面， 主要包括输入文字及文字设置、插入其他文本元素、检查拼写、插入图像及其他图像元素、外部图像编辑器、插入FLASH、声音和视频等内容。

第六章插入表单元素，主要包括可插入的表单对象、制作表单页面等内容。

第七章制作超级链接，主要包括超级链接的制作、可移动到指定位置的锚点、可跳转的图像映射等内容。

第八章使用表格排版，主要包括插入及编辑表格、表格的格式化、排序表格、表格数据的导入导出、使用表格的其他视图、使用表格排版网页等内容。

第九♥章CSS 的网页应用，主要包括介绍什么是CSS，如何使用CSS 美化页面和设计更丰富的CSS 样式等内容。

第十章模板和库。

第十一章制作框架网页，主要包括创建基本框架网站、使用浮动框架制作页面等内容。

第十二章使用行为制作特效，主要包括行为的概念、添加和编辑行为、常见行为的使用等内容。第十三章层和时间轴， 主要包括图层、利用图层排版网页、使用时间轴制作动画等内容。

☼ 第十四章使用扩展插件， 主要包括扩展插件和扩展管理器、自动安装扩展插件、手动安装扩展插件等内容。

第十五章站点上传与维护，主要包括定义远程服务器、测试本地站点、站点上传、使用遮盖等内容。

4.2 项目驱动教学模式在Dreamweaver 网页设计课程教学中的实施过程

采用项目驱动教学模式教学，首先要打破传统的先课堂理论教学，后上机实践的教学形式，而不再区分理论课和上机实践课，将全部课程统一安排在计算机教室授课，并在每台电脑上都安装多媒体教学系统， 利用该多媒体教学系统教师可以进行教学广播、教学监控、教学文件的发送与收取等一系列的教学管理工作，学生也可以通过该系统向教师提问、提交作业等等，该系统能够实现教师与学生之间、学生与学生之间的任意交流，通过使用该系统来辅助项目驱动教学模式的整个实施过程。

其次，教师在课前要设计好一个大的项目案例，比如介绍本学校的校园综合网站、网上商城网站等等，在第一节课上向学生展示这些网站，并详细介绍网站包括的各种功能，引起学生的注意，激发起学生的学习兴趣，该项目要覆盖Dreamweaver网页设计课程的全部知识点内容，然后再向学生介绍该大项目将划分为哪些小的项目， 完成各小项目需要Dreamweaver 网页设计课程的具体知识点，以¢便使学生对本课程的整个知识体系有个完整的认识，并感受到该门课程的价值所在，接下来每章节的教学都要围绕这个大项目开展，以此大项目作为教学的任务驱动，用完成的具体小项目来推动大项目的完成，使整个教学环环相扣、生动有趣，以下是结合各章教学内容给出的几个典型小项目：

项目一：创建一个名为校园网站的本地站点，使学生掌握本地站点的创建过程以及规划站点结构的方웃法。

项目二：创建校园网站的主页，使学生掌握网页创建方法、使用表格来进行网页布局的方法、文本的编辑、CSS 样式、表单、图文混排、层和时间轴等知识的应用。

项目三：创建校园网站的各链接页，使学生掌握超链接方法、框架页等知识的综合运用。

项目四：将本地的校园网站站点上传到Internet 服务器上，使学生掌握定义远程服务器、测试本地站点、站点上传方法。

5 结语

实践证明， 将项目驱动教学模式应用到Dreamweaver 网页设计课程中是非常有效的，学生可以在真实的项目情境中自主学习， 使学生能够很容易地掌握相关知识以及各项操作技能，提高了学生的学习效率，充分调动了学生的学习积极性与教师的主导作用，同时也使学生分析解决处理实际问题的能力大大增强，收到了非常好的教学效果。