Dreamweaver中网页制作与布局——表格布局.doc

参评组别：B组专业分类：计算机与信息技术课程名称：网页设计与制作2009年全国技工教育和职业培训优秀教研成果评选活动参评教案一个简单网页的制作教案课 题一个简单网页制作学 时2学时教学设备多媒体备课时间9.26授课时间教学目标知识目标学习制作网页的基本方法，掌握网页制作的一些技术和方法，能制作一个简单的网页。能力目标培养学生自学、合作学习和动手能力。学生通过亲身经历，提高分析和解决实际问题的能力。情感目标培养学生与他人协作的能力，加强集体主义的观念；培养学生审美能力、创新能力。教学重点网页制作中的各种元素及其制作技术和方法教学难点站点的创建教学方法任务驱动法、讲授法、演示法、操作实践法、分组讨论法【教学过程及设计思想】教学环节教师活动学生活动设计思想时间新课导入随着网络技术的发展和Internet的普及，我们通过浏览网页可方便地获取信息，在浏览器中所看到的每一幅画面都是一个网页，这些网页色彩丰富，内容充实，个性鲜明。那么我们自己能不能制作出具有自己风格的网页，并在网上发布，以便进行广泛的信息交流呢？学生回答老师所提问题设疑引入本课主要内容，激发学生的求知欲。约5分【教学过程及设计思想】教学环节教师活动学生活动设计思想时间新课学习布置任务任务一通过展示新浪网站的主页，由同学从网站或者是课本中获取网站知识，提出关于网站的几个概念。网页的概念? 超链接标志? 主页？任务二开始制作网页前的准备在开始网页制作之前，首先确定网站的主题，根据主题需要有多少网页表现，以及网页之间的链接方式，需要哪些素材？怎么收集？教师总结搜集的办法有哪些任务三创建站点创建站点是难点，教师先讲解。学生仔细观察，认真学习、思考，完成并回答老师所提问题。布置任务，以探索问题来引导和维持学生学习的兴趣约15分难点讲解教师讲解创建站点的步骤：第一步在Dreamweaver窗口中， 单击“站点”菜单“新建站点”命令； 第二步在“空站点名称”框中输入所建站点名称；然后在“本地根文件夹”框中输入保存网页的文件夹的路径和名称，本例输入“D：北京故宫”；第三步单击“确定”。1、学生认真听老师的讲解及操作，自己完成空网站的创建。2、各小组协作。重点、难点由教师讲授提高学生的学习效率，和学习质量。约25分【教学过程及设计思想】教学环节教师活动学生活动设计思想时间新课学习布置任务任务五制作一个只有文字的网页任务六在“北京故宫”网站中新建两个网页。一个网页的标题为“金水桥”，文件名为“jinshuqiao.htm”；另一个网页标题为“故宫简介”，文件名为“gugongjianjie.htm”。1、学生根据自己的具体情况选择合适的分工任务2、各组长明确任务。通过完成任务来学习知识、获得技能。激发学习兴趣。约5分师生互动教师巡视检查，并及时解答学生提出的问题，纠正操作出现的问题。遇普遍问题时，统一讲解。1、各组学生完成相应的制作任务。2、学生挑选有用的素材，尝试制作作品。3、学生如果有疑问，一方面可以向老师请教，另一方面可以和同组的同学讨论。培养学生的合作学习和自主学习的能力；积极参加讨论，培养师生情约25分评价作品引导学生对作品进行互评：教师参与讨论，帮助学生进行评价；帮助学生解决问题。1、学生以个人或学习小组的形式分别实践，交流。学生展示自己的作品并对其他作品进行点评。2、学生完善网页。引发学习的主动性，学会正确、艺术地评价他人和自己。约10分【教学过程及设计思想】教学环节教师活动学生活动设计思想时间课堂小结提问：本节课同学们学到了哪些知识？掌握了哪些知识？教师归纳总结。学生回答，相互补充。利用小结明确本课主要内容。约3分课后作业1、在桌面上创建一个“我的学校”站点，打开网站，新建一个主页，名称保存为“index.h