论文部分内容阅读
摘 要： 针对中职学生学习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）新建登录页面，创建表单。
（3）在服务器行为面板中，使用用户身份验证，登录用户。
（4）在代码中加入代码：如果用户名为空，则显示您还没有登录，否则显示您好，用户名及退出。
（5）在代码中加入代友：如果用户级别的值<=1，则显示管理入口。
其中，修改代码是学生出现错误最多的地方，这里要求各组学生互相修改、调试。用这种方法，学生在调试的过程中不断巩固知识，有效提高课堂教学效率，提高动手能力，增强团结协作能力。
6.制作注销登录
选中文本注销，在服务器行为面板中，使用用户身份验证中的注销用户。
7.生成头文件
切换到代码视图，将标签……
以外的代码删除。
四、制作首页
1.打开首页文件。
2.用插入/HTML中的脚本SSI，将头文件置于首页中。
3.创建新闻列表：
（1）用数据库中的新闻表创建记录集；
（2）在新闻的位置创建一个一行一列的表格，设置边框为0，将记录集中的新闻标题以动；态文本的形式插入表格中，将表格设置为重复区域，并设置显示左端开始的30个字符；
（3）创建详细页面；
（4）在首页中，选定动态文本新闻标题，添加转到详细页的服务器行为。
4.用上述方法创建景点列表、旅游形式列表等。
5.制作滚动图片及图片的悬停效果。
6.插入Flash滚动条。
7.制作页脚。
至此，首页制作完毕。
五、制作后台
1.制作新闻编辑页面。
（1）用插入/HTML/脚本SSI，将头文件置于首页中。
（2）创建新闻列表。
（3）用数据库中的新闻表创建记录集，用服务服务器行为的插入记录完成新闻的添加，用更新记录完成新闻的修改，用删除记录完成新闻的删除。
（4）添加限制对页的访问。
（5）创建新闻列表及详细页。
2.用上述方法创建景点的编辑页、旅游方式的编辑页及设置管理员等
用任务教学法，学生把所学的内容融会贯通，做出一个自己设计的网站，体验到成功的喜悦。
参考文献：
[1]王君学.从零开始—DreamWeaver CS5中文版基础培训教程[M].北京：人民邮电出版社，2012：3.
[2]黄文冰.从零开始—DreamWeaver中文版典型实例[M].北京：人民邮电出版社，2005：10.
[3]丰云.“开放·探究·协作”学习模式下的教师角色探析[J].北京：中国职业技术教育，2013：17.
关键词： 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）新建登录页面，创建表单。
（3）在服务器行为面板中，使用用户身份验证，登录用户。
（4）在代码中加入代码：如果用户名为空，则显示您还没有登录，否则显示您好，用户名及退出。
（5）在代码中加入代友：如果用户级别的值<=1，则显示管理入口。
其中，修改代码是学生出现错误最多的地方，这里要求各组学生互相修改、调试。用这种方法，学生在调试的过程中不断巩固知识，有效提高课堂教学效率，提高动手能力，增强团结协作能力。
6.制作注销登录
选中文本注销，在服务器行为面板中，使用用户身份验证中的注销用户。
7.生成头文件
切换到代码视图，将标签
四、制作首页
1.打开首页文件。
2.用插入/HTML中的脚本SSI，将头文件置于首页中。
3.创建新闻列表：
（1）用数据库中的新闻表创建记录集；
（2）在新闻的位置创建一个一行一列的表格，设置边框为0，将记录集中的新闻标题以动；态文本的形式插入表格中，将表格设置为重复区域，并设置显示左端开始的30个字符；
（3）创建详细页面；
（4）在首页中，选定动态文本新闻标题，添加转到详细页的服务器行为。
4.用上述方法创建景点列表、旅游形式列表等。
5.制作滚动图片及图片的悬停效果。
6.插入Flash滚动条。
7.制作页脚。
至此，首页制作完毕。
五、制作后台
1.制作新闻编辑页面。
（1）用插入/HTML/脚本SSI，将头文件置于首页中。
（2）创建新闻列表。
（3）用数据库中的新闻表创建记录集，用服务服务器行为的插入记录完成新闻的添加，用更新记录完成新闻的修改，用删除记录完成新闻的删除。
（4）添加限制对页的访问。
（5）创建新闻列表及详细页。
2.用上述方法创建景点的编辑页、旅游方式的编辑页及设置管理员等
用任务教学法，学生把所学的内容融会贯通，做出一个自己设计的网站，体验到成功的喜悦。
参考文献：
[1]王君学.从零开始—DreamWeaver CS5中文版基础培训教程[M].北京：人民邮电出版社，2012：3.
[2]黄文冰.从零开始—DreamWeaver中文版典型实例[M].北京：人民邮电出版社，2005：10.
[3]丰云.“开放·探究·协作”学习模式下的教师角色探析[J].北京：中国职业技术教育，2013：17.