教案2013-网页设计5.docVIP

课 程 网页设计与制作 授课教师 课题章节 第3章 使用表格布局页面 审 批 授课班级 授课日期 课时 教 学 目 标 掌握网页表格的高级操作。 掌握布局网页文档的操作方法。 重 点 掌握网页表格的高级操作。 难 点 熟练掌握布局网页文档的操作方法。 教 法 讲授法、演示法、提问法、练习法 作 业 课上练习 教 具 电脑、多媒体教学设备和软件 作业拟用时 45分钟 教学过程设计 课 后 小 结 组织教学 回顾旧知识： 教学 环节 教学内容 教学设计 及意图 时间 分配 导 入 【组织教学】：检查电脑、签到、行师生礼。 回顾旧知识 上次课我们学习了在Dreamweaver中网页的一般布局模式以及表格的基本属性和单元格属性的设置。我们在学习新知识之前，回顾一下上次课的内容。 请同学网页一般有几种布局模式？ 请同学演示表格的基本操作方法？ 二、导入新课 前面的几次课我们学习了创建站点以及文件、文件夹的相关操作，还学习了布局和表格的创建、设置方法。按照制作网页的流程，我们已经进入第3步了，今天这次课我们就要通过制作一个简单的网页实例来说明如何创建与编辑网页文件。 今天我们制作网页的主题是“我们的班”，希望通过制作这个网页，我们能更加热爱我们的班集体，把我们集体中最闪光的方面表现出来。 集中学生注意力 带领学生回顾上节课的知识，巩固一下。 讲授法 让学生按照老师的引导对今天的课程产生兴趣。 讲授法 演示法 5分钟 10分钟 5分钟 展 开 新 课 3.4 表格的高级操作 在Dreamweaver中除了可对表格进行上述基本操作外，还可执行对表格内容排序和导入表格数据等操作。 3.4.1表格的排序、数据的导入和导出 教师演示表格的排序、导入和导出等操作，同学们跟随练习，教师巡视指导。 3.5典型实例——我们的班 教师展示本次课制作的实例效果并讲解本次课我们要完成的目标。 学习内容： 设置站点存储位置。 建立站点。 建立网页新文件。 制作网页标题。 设置导航栏。 设置网页内容。 讲授法 演示法 让学生熟悉网页中表格的高级操作方法。 10分钟 10分钟 展 开 新 课 课堂练习1：每名同学根据前面学习的基础，独自完成学习内容的第1-3部分。 刚才我们已经创建了我们的班的本地站点，下面我们将制作我们的班的主页。 制作网页标题 打开网页 添加标题图像 添加水平分隔线 课堂练习2：制作我们的班网页标题。 练习法 讲授法 演示法 教师演示制作网页标题的3个步骤。 练习法 10分钟 15分钟 20分钟 总 结 拓 展 从今天开始我们要学习使用Dreamweaver 来制作网页了，我们是以我们的班为例来进行讲解的，希望这种方式能被同学所接受，也希望能激发同学们的兴趣。 提示：学生离开机房的时候，请把键盘、鼠标和显示器码放回原位，椅子放回原位。 5分钟  板书设计 北京市应用高级技工学校教案 1 版本编号：201201