基于DreamWeaver的任务驱动教学实践

2015-09-10周仪兰

考试周刊 2015年63期

周仪兰

摘要：针对中职学生学习DreamWeaver时每节课学习其中的一部分功能，建设网站时把这些功能整合使用，大部分学生都感到困难的实际情况，作者采用任务驱动教学法理清思路，使学生有效地将所学理论和实践联系在一起，推动网站建设。

关键词： DreamWeaver教学任务驱动数据库

DreamWeaver动态网页制作教学，大部分采用案例进行教学，学生可以从具体的案例中学到DreamWeaver的强大功能，但是案例教学中学生往往忽略为什么要这么做，每节课的教学内容都以教材提供的素材完成，对于素材的选用、项目的设计、网页的布局及数据库的设计，学生无需思考这些问题，但是在实际网站建设中，这些内容却是必不可少的，学生需要逐一设计。在学完DreamWeaver后，笔者要求学生运用它设计一个自己的网站，而中职学生在完成这一项目时，感到难度很大，无从做起。因此在设计过程中，笔者用任务驱动教学引导学生统筹规划，遵循网站规划、数据库的设计、网页的布局、网页的实施、测试及评价的过程，让学生独立完成以上过程，在自己“动手”的过程中，掌握技能，丰富自身的专业知识。

一、确定网站的主题及所要呈现的内容

这一阶段，教师设计一个表格，让学生完成相应的表格，内容包括网站的名称、主题；前台后台各设计几个模块、各模块的名称及其包含的项目；要求学生在规定的时间内完成这份表格。学生在设计项目时，经常会出现项目不足以表达所要呈现的内容的问题，这是教材中缺少的内容。教师可以用一个具体的实例讲解分析的过程。例如：我们在做旅游网站时，前台包括首页、景点介绍、精品线路、旅游的形式（全景游、一日游、三日游等）。后台包括：用户注册、用户、管理员登录、用户修改密码、用户留言板；新闻发布、编辑、删减；用户账号删减；景点发布、编辑、删减；旅游形式发布、编辑、删减等。教师对学生的表格数据给出一些合理化的建议。

二、数据库的设计

这部分内容在教材中是以素材的形式使用的，学生在学习过程中没有设计，而在DreamWeaver动态网页制作中它却是核心，网站的所有数据都在数据库中，由此可见数据库的重要性。学生数据库的设计是以数据形式上交，包括数据表、每个数据表包含的字段的字段名、类型、用途，输入数据记录的内容，至少十条。内容太少会影响主页的完整性，教师以旅游网站的实例讲解设计过程，数据库至少包含三个数据表：用户表、新闻表和景点表。

用户表中的字段：用户名（字符型）、密码（字符型）、用户级别（数值型）、注册时间（日期型）、电子邮件（字符型）。

新闻表中的字段：新闻标题（字符型）、新闻内容（字符型）、新闻图片（字符型）。

景点表中的内容：景点名称（字符型）、景点内容（字符型）、景点图片（字符型）。

三、制作头文件

头文件包含网站Logo及网站名称、导航、用户注册及登录、后台入口，头文件制作后，可以直接在首页、详细页及后台中运用，大大加快网页制作的速度。

1.制作网站Logo

选择标志性的图片及站点名称用Photo或Flash制作成网站Logo，这是我们网站的门面，要求界面友好、色彩搭配协调、和谐，页面美观。

2.连接数据库

数据库的连接是最关键的一步，是能否将网页制作成动态网页的关键。数据的连接方式有两种：一种是以自定义连接字符串方式创建数据库连接，另一种是以数据源名称方式连接。使用自定义连接字符串创建数据库连接，可以保证用户在本地计算机中定义数据库连接上传到服务器后继续使用，具有很大的灵活性，我们选用自定义字符串的连接方式。数据库连接对中职学生来说，具有很大难度，经常出现数据库连接不上的问题，小组成员可以互相调试，必要时教师给予适当指导。

3.制作导航

导航栏中的超级链接到具体的文件，文件名应易分辨、记忆、方便后期的调试。

4.制作用户注册

（1）新建注册页面，创建表单及按钮。

（2）在代码界面加入代码判断密码及密码确认的内容是否一致。

（3）检查是否则新用户，否则给出相应信息。

（4）在按钮中加入插入记录到用户表中，默认用户级别为2，普通用户。

（5）在头文件中创建注册的超链接。

这一过程要避免出现用户名重复的现象，确保用户的唯一性。

5.制作登录

（1）定义两个阶段变量用户名MM_UserName及用户级别MM_UserAuthorization。

（2）新建登录页面，创建表单。