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

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

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

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

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

3项目驱动教学模式简介

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

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

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

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

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

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

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

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

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

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

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

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

第十章模板和库。

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

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

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

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

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

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

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

项目一：创建一个名为“学校网站”的本地站点，使同学掌控本地站点的创建过程以及规划站点结构的方法。

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

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

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

5