第一章 webquest学习网站制作.ppt

实验八 WebQuest学习网站制作 Modern Educational Technology 学习目标 1.了解WebQuest学习网站的开发步骤 2. 了解WebQuest学习网站的特点及类型 3.学会基于模板的WebQuest网站制作方法 4.学会评价WebQuest学习网站 WebQuest学习网站设计与开发一般步骤 确定学习主题 设计WebQuest学习方案 网站结构设计 网站文件夹设计 网站链接设计 网站界面设计 网站制作 网站发布 一、WebQuest学习网站特点与类型 从内容上看，主要是为学生提供的是一个学案，包括探究的主题、任务分解、支架和资源等，为教师提供一个教学指南，它并不提供具体的与探究的主题相关的结构化或扩展性的知识。 从网站结构上说，它相对比较固定，包括的是学案设计中的引言、任务、过程、资源、评价、结论和讨论区等模块以及教师教学指南中的各模块。 从制作技术上看，由于其结构稳定性，因而一般采取基于模板的网站开发方法。 WebQuest学习网站有单页和多页两种类型。 单页WebQuest就是把WebQuest各个模块的内容写在一个页面中； 多页则把WebQuest各个模块单独地存放于一个页面上，整个网站由多个互相链接在一起的页面构成。 一般来说，如果一个WebQuest学案的内容较少，教学指南的内容也很少，就可以采用单页方式，如果每个模块的内容都比较丰富，一般采取多页方式制作网站。 基于模板的WebQuest学习网站制作 （一）“上下框架式－单页教学指南”模板 （二）“上下框架式－详细教学指南”模板 （三）“左右框架式－单页教学指南”模板 （四）“左右框架式－详细教学指南”模板 （五）“单页”模板 二、基于模板的WebQuest学习网站制作 惟存教育网站（）提供了多种WebQuest模板 （一）“上下框架式－单页教学指南”模板 学习活动首页 教学指南页面 主　页 网站结构图 教学指南页面 学习活动首页 任务 导言 过程 评估 讨论区 结论 1.网页及文件夹说明 根文件夹/pic/ 　　　　　　该文件夹放置所有html文档中 的图片文件 根文件夹/ index.htm　　　　　本网络主题探究学习单元的首页 　　　 t-index.htm　　　　 教学指南页 　　　 top.htm　　　　　　 学习活动模块导航页 　　　 ttop.htm 　　　　　 教学指南模块导航页 　　　 introduction.htm 　 学习活动－－引言 　　　 task.htm 　　　　　 学习活动－－任务 　　　 process.htm　　　　 学习活动－－过程 　　　 evaluation.htm 　　 学习活动－－评价 　　　 conclusion.htm 　　 学习活动－－结论 　　　 forums.htm 　　　　 关于论坛使用的说明文档 　　　 readme.txt 　　　　 使用说明 （二）“上下框架式－详细教学指南”模板 该模板采用上下框架形式的页面布局，教学指南由多个页面构成，教学指南内容包括引言、学习者、课程标准、过程、资源、评价、结论等。 引言 任务 资源 评估 结论 讨论区 网站结构图 教学指南首页 学习活动首页 导言 学习者 课程标准 过程 资源 评估 结论 过程 （三）“左右框架—单页教学指南”模板 （四）“左右框架—详细教学指南”模板 （五）“单页”模板 WebQuest学习网站制作实例 1.WebQuest学习网站制作准备 2.选择网站制作工具 3.制作步骤 4.浏览与修改 1.WebQuest学习网站制作准备 （1）经过详细设计的WebQuest学习方案和为教师撰写的教学指南，存储于word文档中。本实例的学案中包含引言、任务、资源、过程、评价等模块。教学指南模块中包括引言、学习者分析、过程、资源、新课标、评价、结论等； （2）准备好与WebQuest主题相关的图片或动画素材，如清明上河图； （3）选择一种WebQuest设计模板，如“左右框架式－详细教学指南”模板，并下载模板文件存于硬盘上。 2.选择网站制作工具 Macromedia公司推出的Dreamweaver 3.制作步骤 第1步：在Dreamweaver中建立站点。在Dreamweaver主菜单中点击“站点”/“管理站点”出现管理站点对话框，在该对话框中点击“新建”/“站点”出现如图所示的站点定义界面，在“高级”标签界面中，更改其站点名称为“清明上河图”，本地根文件夹指向“D:\清明上河图”，点击“确定”按钮，完成站点建立。 第2步：双击站点中的index.htm文件，在Dreamwe