《Dreamweaver中网页布局的方法》教学设计及教学反思
教学设计《Dreamweaver中网页布局的方法》

教学设计《Dreamweaver中网页布局的方法》各位读友大家好,此文档由网络收集而来,欢迎您下载,谢谢新课学习新课学习布置任务⌒教师监控︶[任务1]能根据资源网的指导学会表中表的使用,并完成本节的例题的表格制作。
(必做题)[任务2]能在布局的基础上插入图片及文字,完成一个如例题的简单网页制作。
(提高题)[任务3]能通过属性的设计美化网页。
(先做题)1,学生可根据自己的具体情况选择合适的任务。
2,各组长明确任务。
在任务设计时我注意到这样两个因素;一是:为了一切学生,在设置任务时要充分考虑到学生的个别差异。
体现分层教学的重要性。
二是:以探索问题来引动和维持学习者学习的兴趣和动机。
2分钟学法指导⌒教师监控︶指导学生带着“任务”中的问题,利用教师准备的学习资源网自主学习,探索交流,小组互助,“助教”指导,量力而行完成操作任务。
1,明确学习资源的使用方法,采取各种方法完成任务利用教学资源自主学习及优生做好“助教”的角色互帮互学,既能激发他们的学习积极性,给他们一个锻炼成长的机会,又能使更多的学生得到帮助,有利于全面提高学生动手动脑的能力,体现“因材施教”。
1分钟点评:这两部分的目的在于一、体现分层教学的重要性。
二、培养学生养成由简到繁、由易到难、循序渐进地解决问题的好习惯,同时学生之间的以教促教,以教帮教,以教带教的方法有利于学生的全面发展。
师生互动1,寻找学生在完成任务中会遇到第一个问题:“表格线互扰问题”并及时以该问题为切入点将学生的思维引入到本节的重点内容--表中表的使用。
2,引导学生发现例子中的新问题—各部分表格线的差异,将本节的内容推向另一个热点。
1,学生掌握表中表的使用方法2,完成任务3,注意到表格属性的功能。
我是这样设计本部分内容将重点放在以下两个方面:第一、在本节课师生以“任务”为主线,在学生不断地发现问题,教师及时地鼓励准确地导向,调控学生主动地探究,利用各种方法例如:教师搭建的网上学习资源,平时建立的小组协作关系等去想办法解决问题。
使用Dreamweaver布局网页头部教案

使用Dreamweaver布局网页头部教案授课教师:时间2016年4月18日星期一第6节班级高二(1)班教学目标一、知识与能力:1、能准确地分析网页的结构;2、使用div来制作网页头部。
二、过程与方法:教师教学演示案例,学生通过观看和练习,能够自行的分析网页的结构,把div制作网页的方法应用到毕业设计的案例中。
三、情感态度和价值观通过本课的学习,增强学生对制作网页的兴趣,提高学生对事物整体性的分析和鉴赏能力。
教学重点使用div制作网页头部教学难点使用无序列表制作横向导航条教学活动一、课前回顾,导入新课回顾各个小组学生毕业设计的前期完成情况,挑选各个小组优秀的网页设计进行点评鉴赏,引出使用div布局和制作网页的方法。
二、新课教学1、站点的建立站点是一个网站的基础,通常包含了一个网站的所有文件信息,通过站点管理网站和编辑网站是制作一个网站的基础。
建立站点,并确定图片文件的默认保存路径(images文件夹)。
创建HTML文件index.html。
2、网页结构分析通过分析,基本确定网页头部的结构由背景图分为上下两块,上面部分很明显由logo、图片形象、快速导航三个部分组成,下面部分由三个部分的网页导航条组成。
3、使用div来制作网页“潮流前线”的头部1)网页头部div的划分Div的结构和表格结构形式相似,都是把网页头部分成上下两部分,每个部分都由三个div组成,但在实现形式上有所不同,div以单个“块”来实现网页布局制作,而表格则以行列来表示;2)网页头部div制作a.插入一个背景div,根据切片背景图片大小设置div样式表的宽度、高度以及背景图片。
样式表如下:#header{width=950px;height=150px;background-image: url(images/background%20.gif);background-repeat: no-repeat;}b.设置网页头部上半部分div:在已插入的div中插入三个div,根据切片素材大小设置每个div的属性,对div进行浮动,把设置好的div横向平铺,其中logo位置代码设置为:.logo { background-image: url(images/logo.gif); background-repeat: no-repeat;float: left;height: 118px; width: 395px;}c.设置网页头部下半部分:插入三个div,高度为32px,宽度分别为180px 590px 180px ,对div进行浮动,把设置好的div横向平铺,其中中间文字导航代码设置为:.daohang_mid {font-family: "宋体"; font-size: 14px ;line-height: 32px; font-weight: bolder;float: left; height: 32px; width: 590px; color: #FFF; }d.把中间文字导航通过无序列表制作为横向列表:ul{margin:0; list-style:none;}li{ float:left; margin:0 auto; width:90px; }3)学生操作:小组成员制作本小组毕业设计的网页头部,小组之间相互评价;4、表格和div网页布局方法的优点和缺点使用表格布局网页形式上比较简单,但灵活性不足,在不同浏览器中有可能出现结构上的差异;使用div布局网页操作比较复杂,但能针对每块内容进行不同的定位和形式上的变化,灵活性较高,能适应不同浏览器的变化;三、课堂小结本次课通过对潮流前线的头部布局设计,我们基本掌握和熟悉网页布局的基本技能:1、准确地分析网页的结构;2、使用表格对网页进行布局;3、使用div对网页进行布局;四、课后作业各小组通过Dreamweaver表格或者div布局,完成整个首页的设计。
Dreamweaver CC教案

《Dreamweaver网页设计与制作》项目一创建站点
《Dreamweaver网页设计与制作》项目二制作简单的文字页面
《Dreamweaver网页设计与制作》项目三制作图像页面
《Dreamweaver网页设计与制作》项目四使用表格布局网页
《Dreamweaver网页设计与制作》项目五运用CSS样式美化网页
《Dreamweaver网页设计与制作》项目六制作图像页面
《Dreamweaver网页设计与制作》项目七制作图像页面
《Dreamweaver网页设计与制作》项目八设置页面中的超链接
《Dreamweaver网页设计与制作》项目九使用框架布局页面
《Dreamweaver网页设计与制作》项目十使用浮动框架布局页面
《Dreamweaver网页设计与制作》项目十一 AP Div在网页中的应用
《Dreamweaver网页设计与制作》项目十二使用模板提高网页制作效率
《Dreamweaver网页设计与制作》项目十三库项目在网页中的应用
《Dreamweaver网页设计与制作》项目十四使用行为和JavaScript为网页添加特效。
Dreamweaver教案

Dreamweaver教案一、简介Dreamweaver是一种专业的网页制作工具,可以用于设计、编辑和管理网页。
本教案将介绍和演示如何使用Dreamweaver进行网页设计和开发,帮助学生掌握网页制作的基本技能。
二、教学目标1. 了解Dreamweaver软件的基本功能和特点;2. 掌握使用Dreamweaver创建、编辑和管理网页的方法;3. 熟悉常用的网页设计和开发技巧;4. 能够制作出简单而精美的网页作品。
三、教学内容1. Dreamweaver入门1.1 Dreamweaver的安装和界面介绍1.2 新建网页和项目文件1.3 介绍工具栏和菜单栏的基本功能1.4 设置网页属性和页面布局2. 网页设计与开发2.1 使用Dreamweaver创建网页框架- 使用表格和DIV布局- 设计网页的导航栏、页眉、页脚等2.2 插入和编辑文本、图像和链接- 设置文字样式和颜色- 插入图片和调整大小- 添加超链接和锚点链接2.3 制作网页特效- 使用CSS样式设置背景、边框等- 添加滚动条和动画效果- 嵌入视频和音频文件2.4 网页互动效果的实现- 添加表单和输入字段- 设计网页的按钮和链接互动四、教学步骤1. 教学准备1.1 确保每个学生都有安装Dreamweaver软件的电脑 1.2 准备教学用的示例网页文件和图片素材2. 教学演示和操作指导2.1 通过PPT展示Dreamweaver软件的基本功能和界面2.2 指导学生按照步骤进行软件安装和设置网页属性2.3 示范演示如何创建网页框架、插入文本和图像,并设置样式2.4 分步讲解制作网页特效和互动效果的方法3. 练习与实践3.1 学生跟随指导,按照示例网页进行实操练习3.2 鼓励学生自由发挥创造力,设计和制作个人网页作品3.3 提供实时反馈和指导,帮助学生克服问题和困难五、教学评估1. 教学练习的成果评估1.1 对学生完成的示例网页进行评分并提供反馈意见1.2 鼓励学生相互展示和分享自己的网页作品2. 学生参与度和自学能力的评估2.1 观察学生在课堂上的积极参与和学习态度2.2 检查学生在自学阶段的学习成果和反馈作业的完成情况六、教学延伸1. 深入了解Dreamweaver软件的高级功能- CSS样式的应用和管理- JavaScript脚本的编写和调试- 响应式网页设计和移动端适配2. 继续学习和实践网页制作技术- 探索其他网页制作工具和软件- 学习和应用前端开发的相关技术和最佳实践七、教学资源1. Dreamweaver软件安装包和使用指南2. PPT演示文件和教学示例网页3. 学习参考书籍和在线教程八、总结通过本教案的学习和实践,学生将能够掌握使用Dreamweaver进行网页设计和开发的基本技能。
《Dreamweaver网页设计》教案

《Dreamweaver网页设计》教案一、教案简介二、教学目标1. 掌握Dreamweaver的界面结构和基本操作。
2. 学会使用Dreamweaver制作和管理网页布局。
3. 掌握在Dreamweaver中插入和编辑各种网页元素,如文本、图片、等。
4. 学会使用CSS样式表美化网页。
5. 掌握在Dreamweaver中进行网页代码编辑和调试。
三、教学内容1. Dreamweaver的安装和界面介绍。
2. 网页制作的基本流程和规范。
3. 文本的插入、编辑和格式设置。
4. 图片的插入、编辑和优化。
5. 的创建和管理。
四、教学方法采用讲解、演示、实践相结合的教学方法。
教师先进行理论知识讲解和操作演示,学生跟随实践,巩固所学知识。
在实践过程中,教师会提供指导和解答疑问。
五、教学环境1. 计算机房,每台计算机安装有Dreamweaver软件。
2. 投影仪或白板,用于展示操作过程。
3. 教学PPT或教案文档。
六、教学评估1. 课堂参与度:观察学生在课堂上的积极参与程度,提问和回答问题的积极性。
2. 实践操作:评估学生在实践环节中制作网页的质量和完成情况。
3. 作业和练习:布置相关作业和练习题,评估学生的理解和掌握程度。
4. 期末考核:进行期末考核,包括理论知识和实践操作,以评估学生整体学习效果。
七、教学资源1. Dreamweaver软件:确保每台计算机都安装有Dreamweaver软件,以便学生实践操作。
2. 教学PPT或教案文档:提供清晰的教学内容和操作步骤,方便学生理解和跟随。
3. 网页设计素材:提供一些图片、字体等网页设计素材,供学生自由使用。
4. 网络资源:提供一些优秀的网页设计参考案例和教程,供学生学习和参考。
八、教学进度安排1. 教案一:Dreamweaver的安装和界面介绍(1课时)2. 教案二:网页制作的基本流程和规范(1课时)3. 教案三:文本的插入、编辑和格式设置(1课时)4. 教案四:图片的插入、编辑和优化(1课时)5. 教案五:的创建和管理(1课时)6. 实践环节:学生自主制作网页(4课时)7. 作业和练习:布置相关作业和练习题,学生进行理论知识巩固(1课时)8. 教学评估:进行课堂参与度、实践操作、作业和练习的评估(1课时)9. 期末考核:进行期末考核,包括理论知识和实践操作(2课时)九、教学注意事项1. 确保学生已经掌握基本的计算机操作技能,如文本编辑、图片浏览等。
网页布局教学反思

《网页布局》教学反思牟莉红本节课是第四单元第二节中的第 2 课时,本节课是学生真正动手制作网页的第一步:网页布局。
学好这部分内容有助于为今后的制作打下坚实的基础,是很重要的一个步骤!以下是我对本节课的教学反思。
在设计本课时我运用了导思探究的教学模式创设整个教学环节,在教学中力求体现六个维度即“面向全体、自主学习、多元互动、讲练结合、技术运用、目标达成”下边我简单说一下我在本课中对六个维度的理解和运用。
第一环节:创设情境,导入新课首先我运用了3个活动:比一比、学一学和看一看,在这个环节中老师创设情境、引导学生思维,让学生自主学习,发现发现布局的重要性,激发学生的学习兴趣,引出了新课教学。
在本环节中主要运用了自主学习发现问题导入新课的方法‘第二环节:多元互动,共同探究在新课教学环节,我利用一个布局样式A的实现为例,采用了师生、生生多元互动,共同探究的教学模式,教师引导学生观察发现布局的方法,教会学生学习的方法,使学生在老师的引领下领悟布局的方法,体会分析问题解决问题的方法。
第三环节:巩固练习之后将A例题稍加改变,让学生思考,并独立将这个布局例题制作出来。
并演示个别学生作品,并总结总结方法,梳理知识,巩固提升。
这个环节体现了讲练结合的运用使学生的思维得以反馈和巩固。
第四环节:小组合作、制作网页之后我运用了小组合作探究的教学模式,由小组为单位,将上节课自己租设计的网页布局草稿利用今天所学加以实现。
具体这样实现:由操作能力强的学生充当组长,带动其它成员完成网页制作,一来培养他们合作互助的关系,二来培养学生之间、师生之间的感情。
小组内同学学会的学生操作给其它学生看,通过示范,在学生间起到相互促进,相互影响的作用,达到共同进步,学生之间互帮互助,利用教师准备好的技术支持,共同探究,达成了本节课的学习目标。
磨完这节课并有效实施后深刻感到导思探究教学模式和六个维度在教学中的用处,我会继续研究,争取让自己的课更加适合学生,让学生有更大的进步。
Dreamweaver网页制作教案

Dreamweaver网页制作教案第一章:Dreamweaver 简介1.1 课程目标了解Dreamweaver 的基本功能和特点掌握Dreamweaver 的界面布局和基本操作1.2 教学内容Dreamweaver 的历史和发展Dreamweaver 的特点和优势Dreamweaver 的界面布局Dreamweaver 基本操作1.3 教学方法讲解和演示学生实际操作练习1.4 教学资源Dreamweaver 软件教学PPT1.5 教学步骤1. 讲解Dreamweaver 的历史和发展2. 讲解Dreamweaver 的特点和优势3. 演示Dreamweaver 的界面布局4. 演示Dreamweaver 基本操作5. 学生实际操作练习第二章:网页布局和设计2.1 课程目标了解网页布局的基本概念掌握Dreamweaver 中的网页布局工具学会设计美观实用的网页2.2 教学内容网页布局的基本概念Dreamweaver 中的网页布局工具网页设计的原则和技巧2.3 教学方法讲解和演示学生实际操作练习2.4 教学资源Dreamweaver 软件教学PPT2.5 教学步骤1. 讲解网页布局的基本概念2. 讲解Dreamweaver 中的网页布局工具3. 演示如何使用网页布局工具进行布局4. 讲解网页设计的原则和技巧5. 学生实际操作练习第三章:HTML 代码编辑3.1 课程目标了解HTML 代码的基本结构掌握Dreamweaver 中的HTML 代码编辑工具学会使用Dreamweaver 编写简单的HTML 代码3.2 教学内容HTML 代码的基本结构Dreamweaver 中的HTML 代码编辑工具HTML 代码的基本标签和使用方法3.3 教学方法讲解和演示学生实际操作练习3.4 教学资源Dreamweaver 软件教学PPT3.5 教学步骤1. 讲解HTML 代码的基本结构2. 讲解Dreamweaver 中的HTML 代码编辑工具3. 演示如何使用Dreamweaver 编写HTML 代码4. 讲解HTML 代码的基本标签和使用方法5. 学生实际操作练习第四章:添加多媒体元素4.1 课程目标了解多媒体元素在网页中的作用掌握Dreamweaver 中添加多媒体元素的方法学会使用Dreamweaver 添加音频、视频和图像等元素4.2 教学内容多媒体元素在网页中的作用Dreamweaver 中添加多媒体元素的方法音频、视频和图像等元素的基本属性和使用方法4.3 教学方法讲解和演示学生实际操作练习4.4 教学资源Dreamweaver 软件教学PPT4.5 教学步骤1. 讲解多媒体元素在网页中的作用2. 讲解Dreamweaver 中添加多媒体元素的方法3. 演示如何使用Dreamweaver 添加音频、视频和图像等元素4. 讲解音频、视频和图像等元素的基本属性和使用方法5. 学生实际操作练习第五章:网页和交互5.1 课程目标了解网页的作用和类型掌握Dreamweaver 中创建和编辑的方法学会使用Dreamweaver 实现简单的网页交互效果5.2 教学内容网页的作用和类型Dreamweaver 中创建和编辑的方法网页交互效果的实现方法5.3 教学方法讲解和演示学生实际操作练习5.4 教学资源Dreamweaver 软件教学PPT5.5 教学步骤1. 讲解网页的作用和类型2. 讲解Dreamweaver 中创建和编辑的方法3. 演示如何使用Dreamweaver 创建和编辑4. 讲解网页交互效果的实现方法5. 学生实际操作练习第六章:CSS样式应用6.1 课程目标理解CSS样式的作用和基本概念掌握Dreamweaver中创建和应用CSS样式的方法学会通过CSS样式美化网页元素6.2 教学内容CSS样式的作用和基本概念Dreamweaver中的CSS面板创建和应用CSS样式的基本方法CSS选择器和优先级CSS属性和值6.3 教学方法讲解和演示学生实际操作练习6.4 教学资源Dreamweaver软件教学PPT6.5 教学步骤1. 讲解CSS样式的作用和基本概念2. 讲解Dreamweaver中的CSS面板3. 演示如何创建和应用CSS样式4. 讲解CSS选择器和优先级5. 讲解CSS属性和值6. 学生实际操作练习第七章:表格和表单的使用7.1 课程目标理解表格在网页中的作用掌握Dreamweaver中创建和编辑表格的方法学会使用表格进行数据展示掌握表单的创建和应用学会使用表单收集用户数据7.2 教学内容表格在网页中的作用Dreamweaver中创建和编辑表格的方法表格的属性和布局表单的创建和编辑表单元素和属性7.3 教学方法讲解和演示学生实际操作练习7.4 教学资源Dreamweaver软件教学PPT7.5 教学步骤1. 讲解表格在网页中的作用2. 讲解Dreamweaver中创建和编辑表格的方法3. 演示如何创建和编辑表格4. 讲解表格的属性和布局5. 讲解表单的创建和编辑6. 讲解表单元素和属性7. 学生实际操作练习第八章:Dreamweaver 高级功能8.1 课程目标了解Dreamweaver 的高级功能掌握Dreamweaver 中的模板和库的使用学会使用Dreamweaver 进行站点管理和发布网页8.2 教学内容Dreamweaver 的高级功能模板和库的使用站点管理和发布网页8.3 教学方法讲解和演示学生实际操作练习8.4 教学资源Dreamweaver 软件教学PPT8.5 教学步骤1. 讲解Dreamweaver 的高级功能2. 讲解模板和库的使用3. 演示如何使用模板和库4. 讲解站点管理和发布网页5. 学生实际操作练习第九章:响应式网页设计9.1 课程目标理解响应式网页设计的概念和重要性掌握Dreamweaver 中的响应式设计工具学会创建适应不同设备的网页布局9.2 教学内容响应式网页设计的概念和重要性Dreamweaver 中的响应式设计工具媒体查询的使用弹性布局和网格系统9.3 教学方法讲解和演示学生实际操作练习9.4 教学资源Dreamweaver 软件教学PPT9.5 教学步骤1. 讲解响应式网页设计的概念和重要性2. 讲解Dreamweaver 中的响应式设计工具3. 演示如何使用媒体查询4. 讲解弹性布局和网格系统5. 学生实际操作练习第十章:项目实战与拓展10.1 课程目标学会使用Dreamweaver 完成实际项目培养学生的网页设计能力和创新思维了解网页设计行业的前沿动态和发展趋势10.2 教学内容项目实战:综合运用Dreamweaver 完成一个网页设计项目拓展训练:学习网页设计相关的软件和技能行业动态:了解网页设计行业的前沿动态和发展趋势10.3 教学方法项目指导学生实际操作练习行业分享10.4 教学资源Dreamweaver 软件项目案例和素材教学PPT10.5 教学步骤1. 项目启动:讲解项目要求和设计思路2.重点和难点解析本教案中,需要重点关注的环节包括:1. 第二章“网页布局和设计”中的演示和实际操作练习环节。
网页设计Dreamweaver教案

网页设计Dreamweaver教案第一章:Dreamweaver概述1.1 课程目标了解Dreamweaver的基本功能和特点熟悉Dreamweaver的工作界面掌握Dreamweaver的基本操作1.2 教学内容Dreamweaver的功能和特点Dreamweaver的工作界面Dreamweaver的基本操作1.3 教学步骤1. 介绍Dreamweaver的功能和特点2. 演示Dreamweaver的工作界面3. 讲解Dreamweaver的基本操作4. 学生练习操作Dreamweaver1.4 作业与练习制作一个简单的网页熟悉Dreamweaver的工作界面第二章:网页设计与布局2.1 课程目标学习网页设计的基本原则掌握网页布局的方法熟悉Dreamweaver的布局工具2.2 教学内容网页设计的基本原则网页布局的方法Dreamweaver的布局工具2.3 教学步骤1. 介绍网页设计的基本原则2. 演示网页布局的方法3. 讲解Dreamweaver的布局工具4. 学生练习网页设计和布局2.4 作业与练习设计并布局一个简单的网页熟悉Dreamweaver的布局工具第三章:HTML标签与属性3.1 课程目标学习HTML标签的基本概念掌握HTML标签的属性和使用方法熟悉Dreamweaver的标签插入工具3.2 教学内容HTML标签的基本概念HTML标签的属性和使用方法Dreamweaver的标签插入工具3.3 教学步骤1. 介绍HTML标签的基本概念2. 演示HTML标签的属性和使用方法3. 讲解Dreamweaver的标签插入工具4. 学生练习插入HTML标签3.4 作业与练习插入并使用HTML标签制作一个简单的网页熟悉Dreamweaver的标签插入工具第四章:CSS样式与布局4.1 课程目标学习CSS样式的基本概念掌握CSS样式的使用方法熟悉Dreamweaver的CSS样式编辑工具4.2 教学内容CSS样式的基本概念CSS样式的使用方法Dreamweaver的CSS样式编辑工具4.3 教学步骤1. 介绍CSS样式的基本概念2. 演示CSS样式的使用方法3. 讲解Dreamweaver的CSS样式编辑工具4. 学生练习编辑CSS样式4.4 作业与练习编辑CSS样式制作一个简单的网页熟悉Dreamweaver的CSS样式编辑工具第五章:网页交互与动画5.1 课程目标学习网页交互的基本概念掌握网页交互的方法熟悉Dreamweaver的交互工具5.2 教学内容网页交互的基本概念网页交互的方法Dreamweaver的交互工具5.3 教学步骤1. 介绍网页交互的基本概念2. 演示网页交互的方法3. 讲解Dreamweaver的交互工具4. 学生练习网页交互和动画制作5.4 作业与练习制作一个带有交互和动画的网页熟悉Dreamweaver的交互工具第六章:网页素材与图像处理6.1 课程目标学习网页素材的基本概念掌握图像处理的方法熟悉Dreamweaver的图像插入和编辑工具6.2 教学内容网页素材的基本概念图像处理的方法Dreamweaver的图像插入和编辑工具6.3 教学步骤1. 介绍网页素材的基本概念2. 演示图像处理的方法3. 讲解Dreamweaver的图像插入和编辑工具4. 学生练习插入和编辑图像6.4 作业与练习插入和编辑图像制作一个简单的网页熟悉Dreamweaver的图像插入和编辑工具第七章:网页与导航7.1 课程目标学习网页的基本概念掌握网页的方法熟悉Dreamweaver的插入和管理工具7.2 教学内容网页的基本概念网页的方法Dreamweaver的插入和管理工具7.3 教学步骤1. 介绍网页的基本概念2. 演示网页的方法3. 讲解Dreamweaver的插入和管理工具4. 学生练习插入和管理7.4 作业与练习插入和管理制作一个简单的网页导航熟悉Dreamweaver的插入和管理工具第八章:表格与数据管理8.1 课程目标学习表格的基本概念掌握表格的制作和编辑方法熟悉Dreamweaver的表格工具8.2 教学内容表格的基本概念表格的制作和编辑方法Dreamweaver的表格工具8.3 教学步骤1. 介绍表格的基本概念2. 演示表格的制作和编辑方法3. 讲解Dreamweaver的表格工具4. 学生练习制作和编辑表格8.4 作业与练习制作和编辑表格展示一组数据熟悉Dreamweaver的表格工具第九章:表单与数据验证9.1 课程目标学习表单的基本概念掌握表单的制作和数据验证方法熟悉Dreamweaver的表单工具9.2 教学内容表单的基本概念表单的制作和数据验证方法Dreamweaver的表单工具9.3 教学步骤1. 介绍表单的基本概念2. 演示表单的制作和数据验证方法3. 讲解Dreamweaver的表单工具4. 学生练习制作和数据验证表单9.4 作业与练习制作和数据验证一个简单的表单熟悉Dreamweaver的表单工具第十章:网站发布与维护10.1 课程目标学习网站发布的基本概念掌握网站发布的步骤熟悉Dreamweaver的网站发布和管理工具10.2 教学内容网站发布的基本概念网站发布的步骤Dreamweaver的网站发布和管理工具10.3 教学步骤1. 介绍网站发布的基本概念2. 演示网站发布的步骤3. 讲解Dreamweaver的网站发布和管理工具4. 学生练习发布和管理网站10.4 作业与练习发布和管理一个简单的网站熟悉Dreamweaver的网站发布和管理工具重点和难点解析一、Dreamweaver概述重点和难点解析:Dreamweaver的工作界面和基本操作是初次接触该软件的学生必须要掌握的基础。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《Dreamweaver中网页布局的方法》教学设计及教学反思
教材分析:
1.教学目标
教学目标既是教学的出发点和归宿又是师生双边活动的中介,因此,我参照《高中新课程标准》和高中学生现有的知识水平和认识特点确定了以下三个目标:
A:知识目标
(1)、让学生认识到网页布局对整个网页元素的组织编排的重要性。
(2)、让学生掌握在Dreamweaver 中实现网页布局的基本方法。
B:能力目标:让学生能动手完成一个简单的网页布局的设计。
c:情感目标:
(1)培养学生严谨求实的工作态度以及感受美、评价美的艺术情操。
(2)培养学生在进行自主学习的过程中勇于克服困难,体验到成功后的快乐。
2.教学重点、难点、关键
重点:插入表中表难点、关键:表格的属性设置
学情分析:
本节课的内容面向的对象是高中二年级的学生,对于学习这部分内容他们有三大优势:第一,除信息技术课外许多课都在网络课室上。
因此,他们对网络很熟悉且很热爱,有一定的网络知识。
第二,他们有woRD部分关于表格和简单的网页制作基础。
第三,一部分同学有一些Dreamweaver的基础,可在学生中起积极的促进作用。
设计理念:
本节课的设计理念是以诱思探究学科教学论为理论依据,以充分发挥学生
的主体地位为出发点,以培养学生自主学习能力全面提高学生素质为目的。
是一节“诱思探究”理论的探索课。
为此,在课前教师为学生准备了网络布局学习资源网站,学生自己也已经以小组为单位确立了要本组要建立的网站的主题。
整节课的内容安排是以从学生“动手”中发现问题,又在学生的“动手”中解决问题为主脉展开的。
同时又通过评价环节中学生的之间的互评、点评将本节推向高潮,达到突出重点,攻破难点的目的。
学习目标分析:
借助以前积累的知识、经验及学习资源网自主探索,小组协作进而归纳、研究出网页布局的内在规律性。
教学策略的选择与设计
、教学方法:
(1)诱思导学法
(2)任务驱动—体验探究法
(3)分层教学法
(4)网络探究教学法
(5)激励教学法
2、学法指导:形象探究法、经验探究法、体验探究法、协作式学习法。
3、资源的设计与选择:
结合本节内容设计了一个学习资源网站、传奇电子教室系统、Dreamweaver 网页编辑软件等。
教学过程设计:
教学设计过程及设计思想教学环节教师活动学生活动设计思想时间新课的引入⌒教师监控︶1,相邻两同学为一组分别在浏览器中打开两个不同的网页作品相互欣赏评价,同时准备回答:问题1:这两个网页有什么不同?你认为哪个更好一些?为什么?2,在Dreamweaver 中打开该网页并逐一删除页面元素同时继续提问:留在页面上的是什么?1,回答问题1带着问题2观察老师的操作2,回忆word中表格的插入方法及技巧我以“诱思探究导学法”为指导思想,主要体现“诱”和“导”两个环节。
首先是“诱疑”使学生“生疑”;然后要“导向”,比如这里教师的操作:在Dreamweaver中删除页
中的页面元素后出现的表格,让学生的思维沿着正确方向发展,最终达到“释疑”的目的。
2分钟点评:“诱思探究导学法”一句话,诱发思维动机,导正思维航向。
这是突现教师基本功的地方,要“诱”得巧,“导”得妙。
新课学习新课学习布置任务⌒教师监控︶[任务1]能根据资源网的指导学会表中表的使用,并完成本节的例题的表格制作。
(必做题)[任务2]能在布局的基础上插入图片及文字,完成一个如例题的简单网页制作。
(提高题)[任务3]能通过属性的设计美化网页。
(先做题)1,学生可根据自己的具体情况选择合适的任务。
2,各组长明确任务。
在任务设计时我注意到这样两个因素;一是:为了一切学生,在设置任务时要充分考虑到学生的个别差异。
体现分层教学的重要性。
二是:以探索问题来引动和维持学习者学习的兴趣和动机。
2分钟学法指导⌒教师监控︶指导学生带着“任务”中的问题,利用教师准备的学习资源网自主学习,探索交流,小组互助,
“助教”指导,量力而行完成操作任务。
1,明确学习资源的使用方法,采取各种方法完成任务利用教学资源自主学习及优生做好“助教”的角色互帮互学,既能激发他们的学习积极性,给他们一个锻炼成长的机会,又能使更多的学生得到帮助,有利于全面提高学生动手动脑的能力,体现“因材施教”。
1分钟点评:这两部分的目的在于一、体现分层教学的重要性。
二、培养学生养成由简到繁、由易到难、循序渐进地解决问题的好习惯,同时学生之间的以教促教,以教帮教,以教带教的方法有利于学生的全面发展。
师生互动1,寻找学生在完成任务中会遇到第一个问题:“表格线互扰问题”并及时以该问题为切入点将学生的思维引入到本节的重点内容--表中表的使用。
2,引导学生发现例子中的新问题—各部分表格线的差异,将本节的内容推向另一个热点。
1,学生掌握表中表的使用方法2,完成任务3,注意到表格属性的功能。
我是这样设计本部分内容将重点放
在以下两个方面:第一、在本节课师生以“任务”为主线,在学生不断地发现问题,教师及时地鼓励准确地导向,调控学生主动地探究,利用各种方法例如:教师搭建的网上学习资源,平时建立的小组协作关系等去想办法解决问题。
25分钟师生互动3,评价小结是本节课的一个高潮部分。
此时教师重点由上面技术点的引导转到学生心理素质及与人交往能力的导向上。
这一点其实比单纯的学会上面的技术更为重要。
在学生的自评中引导学生客观评价自己。
不能过分谦虚而失去在同学们面前表现自己才干的机会又不能过分张扬引起同学们的反感影响自己的形象。
4,由学生推选代表主持评价以调动学生积极参与评价的积极性第二、充分利用评价方式对学生的激励作用一改过去由教师为权威做法。
此时,教师把主动权交给学生,使他们更具参与意识引发学习的主动性,学会正确地、善意地、艺术地评价他人和自己。
从中学到做人的道理。
12分钟点评:让
学生带着真实的任务学习,这是任务驱动的精髓。
这一部分是本节的重要内容,也是教学设计的一个难点。
是对教师综合运用“任务驱动—体验探究”;“分层教学”“表扬激励”等教学方法能力、如何引导学生选择确实可行的学习方法能力的考验。
同时,通过评价的过程,潜移默化地巩固知识,提高解决问题、评判是否的能力。
知识迁移
学生活动[问题1]用表格布局有什么优缺点,还有好方法吗?[问题2]在网络资源中是否有其它的方法呢?采用小组形式讨论这里的想法主要是培养学生学会反思。
3分钟点评:为学有余力的学生创造继续发展的广阔天空,激发他们的兴趣,培养他们的创新精神。
课后反思:
成功的地方:
(1)课题引入时以诱发学生的思维动机,导正思维航向为目的,
为学生的自主学习打下基础。
(2)学习资源网站、小组互助、助
教帮忙等形式为学生的自主学
习创造了条件对培养学生养成由简到繁、由易到难、循序渐
进地解决问题的好习惯起到积极的促进作用。
(3)评价方式的改革可达到引导学生客观评价自己不能过分谦虚而失去在同学们面前表现自己才干的机会又不能过分张扬引起同学们的反感影响自己的形象。
在互评、点评中要引导学生正确看待别人对自己的评价学会宽以等人;学会巧妙地运用语言艺术对存在问题的同学提出批评。
同时通过点评,互评各自的作品,巩固本节的知识点,达到强调重点,攻破难点的目的。
存在问题的地方:评价方式仍需大胆地放手,让评价的形式更加多样化,民主化。
可充分发挥学生的主动作用让他们去设计评价手段、评价量表等,这对于主体作用的体现及学生的创造性思维的发展都会产生积极的影响。
《Dreamweaver中网页布局的方法》教
学设计与教学反思这一教。