使用dreamweaver制作专题教学网站PPT-专题学课件.ppt

1、进修学校电教室进修学校电教室 白海波白海波专题网站通常包含以下四方面基本内容：结构化知识展示：把课程学习内容相关的文本、图像、动画、视频等知识结构化重组；扩展性学习资源：与专题相关的扩展性学习素材，包括学习工具(字典、计算工具、作图工具等)、相关资源网站的链接；网上协作讨论空间：答疑指导和讨论留言区域；网上自我评价系统：与学习专题相关的思考性问题、形成性练习和总结性考查的评测资料，让学习者能进行网上自我学习评价。实例：实例：几何立交桥几何立交桥、时光之旅时光之旅一、制作静态网页一、制作静态网页1、图像、Flash动画、声音、视频的插入；插入/媒体/插件参数：hidden(隐藏)、autosta

2、rt(自动播放)、loop(循环播放)，值：true 或false2、利用表格定位网页元素，布局页面；3、利用层定位网页元素，制作简单动画；4、丰富的超链接设置；（锚点、图像映射及导航条）5、利用“行为”设计互动效果(弹出信息、播放声音、转到URL、检查表单等)；6、利用Photoshop或Fireworks切割主页图片。二、制作交互测验题二、制作交互测验题1、安装测验题插件：双击CourseBuilder.mxp使用方法：单击“插入”/“CourseBuilder Interaction”,保存网页。2、制作一道选择题（有次数限制）；3、制作一道填空题（有时间限制）；4、制作一道拖动题（一对

3、一）；5、如何实现语音评价和自动统分 CourseBuilder.mxp插件可以制作正误判断、单项选择、可以制作正误判断、单项选择、多项选择和一对一、一对多、单向、双向拖拽等形式的匹配多项选择和一对一、一对多、单向、双向拖拽等形式的匹配练习题，制作单行、多行形式的文本输入题，实现热区交互练习题，制作单行、多行形式的文本输入题，实现热区交互和按钮、定时器和滑动器等交互控制形式。和按钮、定时器和滑动器等交互控制形式。1、制作、制作“选择题（选择题（Multiple Choice）”“Gallery”“Gallery”（交互类型）页（交互类型）页选择一种单（多）选题交互样式；“General”Gen

4、eral”（通用）页（通用）页选择“交互响应方式”，可选择“单击一个按钮后判断”或“单击选项后即判断”；设置“何时判断为正确”，可选择“部分正确”或“全部正确”；设置设置“答题时间答题时间”和和“答题次数答题次数”限制；限制；“Choices”（选项）页（选项）页设置每个选项是否正确、插入答案中的图示；设置每个选项是否正确、插入答案中的图示；“Action Mgr”(响应结果响应结果)页页设置正确、错误时的反馈信息，提供指导性评价设置正确、错误时的反馈信息，提供指导性评价 2、制作、制作“填空题（填空题（Text Entry）”“Responses”“Responses”页页“必须包含”项输入

5、答案；设置正确输入项，选择是“含有输入项”，还是“与输入项全部匹配”；“匹配为”选正确还是错误；“其他输入项是”选正确、错误或者不判断。3、制作、制作“拖动题（拖动题（Drag and Drop）”建立一对一的单向的关联建立一对一的双向的关联建立一对多的单向的关联建立一对多的双向的关联建立一对一的双向关联建立一个两步的Drag，有一个Drag和两个Target。和上面的一样，只是在第二步有两种方向。reaction（反应）：（1）如果不正确就返回；（2）没放到目标位置就返回Elements(元素)，确定被拖动对象和目标对象Pairs(配对)，确定哪一个拖动对象与哪一个目标对象是匹配的。如果拖放

6、对象或目标对象超过3个，需要在Elements选项中增加，并在Pairs选项卡中一一与其它目标对象配对。4、实现语音评价和自动统分 选中“if correct（如果选中正确）”下面的“Popup message（显示信息）”，单击操作界面上的“Cut”把它删除，再单击操作界面上方“Segment”右边的三角按钮，选中竖直菜单中选中“Play Sound”，然后单击“Add”按钮添加声音。统分：添加一个表单，加入一个按钮。选中这个按钮,添加”弹出信息”行为,消息框中输入:总成绩:G01.score分若多道题则输入:总成绩:G01.score+G02.score+G02.score+分注意：注意：

7、G0X分别代表每道试题，必须以它为每道题的代号。分别代表每道试题，必须以它为每道题的代号。三、三、Dreamweaver 8制作讨论区制作讨论区1、效果预览(list.asp)；2、数据库设计；(数据库名为stuweb,表名为taolun)3、定义一个动态站点；4、设置IIS虚拟目录；5、数据库的链接；6、利用“服务器行为”设计应用程序；定义一个动态站点：（定义一个动态站点：（“站点站点”/“新建站点新建站点”）本地信息：站点名称、本地根文件夹远程信息：“访问”设为“本地/网络”、远端文件夹测试服务器：“服务器类型”设为“ASP VBscript”;“访问”设为“本地/网络”;“URL前缀”设

8、为http:/localhost/stuweb其中localhost代表本机，stuweb 为虚拟目录名；设置设置IIS虚拟目录虚拟目录1、右击“默认WEB站点”，选择“新建”/“虚拟目录”；2、输入虚拟目录名，此处输入stuweb;3、定位到站点根文件夹；4、设置允许权限，可选“读取”、“运行脚本”、“写入”(若有文件上传)；5、设置“默认启动文档”，一般名为index.asp 或default.asp；数据库的链接数据库的链接在“数据库”面板中单击“+”，选择“自定义连接字符串”输入连接名称，例如：conzuopin 连接字符串 Provider=Microsoft.Jet.OLEDB.4

9、.0;Data Source=d:peixunzuopin.mdb 若程序要移到其他计算机上使用,则将此处改为:Provider=Microsoft.Jet.OLEDB.4.0;Data Source=&Server.Mappath(zuopin.mdb)制作制作“发言页面发言页面”1、设计讨论问题和提交表单；2、单击“服务器行为”面板上的“+”，选择“插入记录”；连接：选择conzuopin插入表格：选择taolun插入后，转到：输入inputOK.asp，也可定位到某页；表单元素：将表单中的元素与数据库表中的字段相对应。制作制作“显示页面显示页面”1、制作一个2行3列的表格；2、创建记录集

10、，单击“绑定”面板上的“+”，选择“记录集”，设置“连接”、“表格”、“列”、“筛选”条件和“排序”方式；3、将“绑定”面板“记录集”中的字段拖入相应单元格；4、选择有数据的一行表格，单击“服务器行为”面板上的“+”，选择“重复区域”，确定“一页显示若干条记录，还是全部记录”。5、若选择一页显示若干条记录，则需要设置分页，单击“插入”/“应用程序对象”/“记录集分页”/“记录集导航条”四、四、Dreamweaver 8制作作品上传制作作品上传1、效果预览(shuangchuan.asp)；2、数据库设计；(数据库名为stuweb,表名为zuopin)3、安装上传插件；4、利用“服务器行为”设计

11、应用程序；安装上传插件安装上传插件1、设计讨论问题和提交表单；2、双击插件文件XP_pureupload.mpx；单击“接受”，“确定”后重启Dreamweaver；3、重启后会发现“服务器行为”多出一项“XP_pure ASP File Upload”，表示已安装成功。制作制作“上传页面上传页面”1、设计两个提交表单，一个用于输入作品信息，一个用于上传作品；2、单击“服务器行为”面板上的“+”，选择“插入记录”；连接：选择conzuopin插入表格：选择zuopin插入后，转到：输入chuanOK.asp，也可定位到某页；表单元素：将表单中的元素与数据库表中的字段相对应。制作制作“上传页面上传页面”3、在第二个表单中首先插入一个“文件域”和“提交”按钮；4、单击“服务器行为”面板上的“+”，选择“XP_pure ASP File Upload”；设置“上传目录”、“文件类型”、“文件名称”、“冲突处理”：选择“确保唯一”“文件大小限制”：不输入则不限制“上传后转到”显示已上传的文件显示已上传的文件 再见！