五课教研两课评比8课时教案-董清宁 - 图文

《Dreamweaver网页设计》教案设计说明

一、 教学目标

重点知识与技能：

1. 能利用站点定义向导创建站点 2. 能对创建好的站点进行编辑管理

3. 能够插入表格，会使用属性面板和菜单 4. 会对表格进行设置 5. 熟练进行表格编辑

6. 如何绘制布局表格、布局单元格和移动布局表格、布局单元格

7. 如何选中布局表格、布局单元格和设定其尺寸、背景图像、水平和垂直的对齐方式 8. 如何设置文本的属性和页面属性、 如何插入其他网页元素 9. 插入图像和设置图像属性

10. 能对现有的网页进行背景颜色、文本的对齐方式和进行文本换行等设置 11. 能根据要求进行网页超连接

12. 会对现有图像文本进行锚记链接、电子邮件链接、绝对超链接等 13. 页面超链接状态的设置 14. 会编辑调整表格单元格 15. 在表格中插入翻转图像 16. 在表格中插入Flash动画

17. 插入Flash 视频及其他网页元素 能力目标：

1、培养学生在学习过程中寻找发现与解决实际问题的能力 2、提高学生有效获取、利用信息资源与动手操作的能力 情感目标：

树立学生勇于实践、勇于创新的精神，同时树立学生换位思考的意识，并在学习与互相评价中养成团队合作意识。 二、 学情分析

1. 教材分析

《Dreamweaver网页设计》是计算机信息管理专业必修课，开设一学期,选用葛艳玲主编、电子工业出版社出版《网页制作基础教程dreamweaver 8.0》一书为主教材，自建资源。

教材主要内容：站点的创建与管理；静态页面的美化设置与编辑；超链接的使用；表格的应用及网页布局；表单的应用；使用网页模板；使用框架网页；层与时间轴动画；行为的使用等。

2. 学习者分析

学习对象是在校成人大专的学生，先修课程是《计算机应用基础》、《photoshop应用与实例》、《计算机常用工具软件》等课程，在学习之前已具有计算机操作、网络应用能力及一定的图像处理能力，同时具备在网络平台进行交流、学习与信息搜索的能力。本次任务就注重实践环节，教学过程强调培养学生使用Dreamwaver工具进行网页编辑和美化能力，学生完成任务后应该具有创建个人网页的技能。

二、 教学策略

教学方法：

本项目任务的最终目标是培养学生利用Dreamweaver制作网页的技能，在整个教学过程中注重学生的动手操作能力，因此，教学设计时将面授辅导与实践教学相融合，将理论学习与实践有机地结合在一体，设计了一种以协作设计项目为驱动的教学模式：

1. 将真实的设计任务贯穿整个教学过程，以完成设计项目为内动力，驱动整个教与学的过程。 2. 以基于项目的协作学习策略调动学生的学习兴趣与积极性 3. 采用真实性的多元评价，以评价促进学生的发展。 教学手段：

学生以协作小组为单位，组员间通过多种交流方式，共同完成网页设计与开发任务；教师作为组织者、指导者和促进者，利用专题讲座、上机实验、进度汇报等环节，给予学生有效的帮助，并通过组织学生开展总结交流活动，创设反思、自主评价的平台，促使学生对网页设计相关知识的意义建构。如图1所示：

确 定 (1) 确定分组，选定设计项目

是整个教学的起始环节，学生在此环节将明确树立对课程学习的具体目标。教师在课前拟定静态网页设计的主题，即设计项目，将学生分为若干协作小组，原则上每组不超过三人，学生以小组为单位，选定其中的一个设计项目作为小组任务。设计项目一旦确定，不能修改。 【目的】 确定分组，明确目标 【开展环境】 网络教学平台

（2） 教学过程讲解灵活采用专题讲座形式

专题讲座是理论学习与实践相融合的环节，既是教师对知识点的讲解与示范，也是学生的上机实验。以专题讲座的形式针对每个知识点进行面授辅导。专题讲座安排在具有多媒体教学计算机室进行，一人一机，学生边听边练，每次讲座都有充分的时间让学生就教师所讲授的要点进行上机实验，教师随时提供个性化的辅导。 【目的】难点讲解，个性化辅导 【开展环境】多媒体计算机室 （3） 设计进度汇报

进度汇报的作用有两个，一是对学生的学习实现有效的监控，二是充分调动学生的学习积极性。

图1：教学过程 专题进度 汇报 专题讲座 上机实验 进度 汇报 综 完成设计项目 以小组为单位汇报本组的设计进度，前后安排两次，第一次利用网络教学平台，说明本组的设计项目、陈述设计构思和成员分工；第二次面向全体同学，汇报设计进度、交流设计心得，教师通过解答问题监控学生学习情况。

【目的】监控学习情况，调动学习积极性。

【开展环境】网络教学平台（第一次汇报）、多媒体计算机室（第二次汇报） （4）学生自主评价

所有小组完成的个人网页作品后进行总结交流，这是整个教学过程的点睛环节。学生面向全体同学，通过展示作品、陈述设计过程、回答师生提问等活动，实现对知识的回顾与疏理；通过教师点评，实现经验的交流与技能的提升；利用自评与互评，反思对比，找出差距。 4.教师点评

【目的】总结与反思，通过交流提升能力，通过评价找出差距 【开展环境】多媒体计算机室

三、 教学程序 课程导入：

用已经制作好的个人网页和班级网站为案例，根据了解所积累的知识，自然过渡到新知识的课堂，激发学生的求知欲（3分钟） 显示内容：

教师通过演示课件：介绍教学目标及学习后能完成的任务。目标导向：知道学完后我能干什么？为什么我要这么做？从知识的实用意义上去吸引学生，增加课堂的教学魅力。（2分钟） 任务实施：

先从简单的页面设计规划讲起，学生心里上就很容易接受。当教师讲授页面美化与编辑，文字图片处理以及网页表格布局的重要性时，由于对其实用意义已了解，学生本身就有很强的求知欲，自然更容易接受（15分钟） 学生训练：

在学生训练时教师行走观察：哪些学生操作熟练，同时留意准备请哪一个学演示，对于操作有困难的学生个别指导，培养学生“我能行”的表现欲（12分钟） 教师提示：

从实用角度出发，提醒学生能很好的解决网页其他元素的管理问题，并引导学生深入下一个层次。（2分钟）

交流评价与教师总结

课件回放本节课主要内容，强调网页编辑过程中的处理网页元素的细节，从视觉上加以区别，把动作升华成理论。（2分钟）交流评价过程：1、以小组为单位向全体同学展示本组的网页作品，陈述亮点；2、回答师生提问，交流心得与经验；3、各小组就网页作品进行自评和互评（6分钟） 作业布置：

课后对本节所学内容进行汇总，进一步熟悉操作方法，并充分认识到本任务的实用性，巩固提高。（2分钟） 学生整理现场：

教师和学生一起填写设备使用记录台帐有机器使用情况，收拾好自己的物品；检查并清理自己工位旁边有无垃圾；正常关闭计算机；把凳子摆好后离开，养成良好的习惯（1分钟） 教学反思：

本次任务教学目标定位恰当，由初建网页开始激发了学生的求知欲，开始了个人网页制作的一

步步操作环节，讲课时学生能够注意力高度集中，注重师生互动，在同学互助，教师指导下顺利的解决问题。部分同学不能灵活运用，课堂上教师在总结时继续强调，并在课后作业中，又进行巩固，想继续探究的同学也能在课后进行拓展。100%的同学达到预期的效果，教师顺利实现教学目标。

四、教学流程设计

教学环节 确定分组 选定项目 专题讲座1 专题讲座2 专题讲座3 专题讲座4 进度汇报（一） 专题讲座5 专题讲座6 专题讲座7 专题讲座8 进度汇报（二） 综合练习 教学内容 1、教师发布网站设计主题 教学 环境 网络教课时 实践环节 2、学生分组，选定设计项目 学平台 利用站点定义向导创建站点 表格的插入和建立 布局表格的设置与应用 网页正文文本设置及插入网页元素 多媒体计算机室 1 1 1 1 实验：站点的创建与编辑 实验：表格的使用 实验：网页布局设计及应用 实验： 文本及其他网页元素插入，网页标识 实验：图像对象的插入 实验：使用各种超链接 实验：美化页面设置动态图效果 实验：插入Flash元素 1、各小组说明本组设计任务 网络教2、陈述设计构思及分工 图像对象的插入和设置 超链接的设置方法 翻转图 插入Flash对象及其他网页元素 1、各组汇报设计进度 2、交流设计心得 辅导答疑 1、作品展示、经验交流 学平台 1 1 1 1 多媒体计算机室 综合实践及整合 交流总结

2、组间自评与互评 3、教师点评