Dreamwever中网页制作与布局——表格布局.docVIP

2009年全国技工教育和职业培训 优秀教研成果评选活动参评教案 《一个简单网页的制作》教案  课 题 一个网页制作 教学目标 知识 目标 学习制作网页的基本方法，掌握网页制作的一些技术和方法，能制作一个简单的网页。 能力 目标 培养学生自学、合作学习和动手能力。学生通过亲身经历，提高分析和解决实际问题的能力。 情感 目标 培养学生与他人协作的能力，加强集体主义的观念；培养学生审美能力、创新能力。 教学重点 网页制作中的各种元素及其制作技术和方法 教学难点 站点的创建 教学方法 任务驱动法、讲授法、演示法、操作实践法、分组讨论法 【教学过程及设计思想】 教学 环节 教师活动 学生活动 设计 思想 时间 新 课 导 入 随着网络技术的发展和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.htm”。2、思考创建学校网站的思路流程？思考创建网站需要哪些素材，怎么获得。3、创作完毕后，学生之间进行交流学习，相互评论，指出相互间优缺点？ 巩固所学知识 约 2 分 1 参评组别：B组 专业分类：计算机与信息技术 课程名称：网页设计与制作