用表格布局网页教案Word版

《用表格布局网页教案Word版》由会员分享，可在线阅读，更多相关《用表格布局网页教案Word版（5页珍藏版）》请在装配图网上搜索。

1、传播优秀Word版文档 ，希望对您有帮助，可双击去除！ 课题 用表格布局网页(一) 教学背景 本节课是网页制作的第五节内容，在此之前，学生已经了解了以下内容： 1．网站与网页的区别； 2．组成网页的基本元素：文字、图片、链接、动画、视频、音频、表单等； 3．网页的版面布局：一般由页眉（网站标识、导航按钮）、网页的主要内容、页脚（邮箱地址、联系电话、版权说明等）组成； 4．网页常见的结构类型：（国字型、拐角型、标题正文型、框架型、封面型、flash型等） 5．网页的色彩搭配： 根据自己的兴趣爱好学生已经分组制定了网站的主题，并围绕小组的主题明确了自己的任务，同时将

2、网页结构图落实在了纸上；搜集了网页所用的素材；建立了自己的站点和主页。 教学目标 1．了解利用表格布局网页的重要性 2．掌握在网页中插入表格、调整表格大小、更改表格和单元格属性、拆分和合并表格、嵌套表格的基本方法 3．掌握表格边框线、像素值的设置方法；单元格填充、单元格间距的设置方法 4. 能利用表格布局实例网页、尝试填充网页内容，并体验成功后的快乐 教学重点 表格的基本操作方法 教学难点 使用表格合理布局实例网页 教学方法 讲授法、诱思导学法、演示法、分层教学法、任务驱动法 教学准备 幻灯片、实例网页 时间（分） 教学过程 教师活动 学生活动 设

3、计意图 3分钟 一． 新课引入： 1、展示学生上节课所做的网页，提问制作过程中发现了什么问题 2、出示实例网页，引导学生发现前后网页的不同，初步了解利用表格 提问 引导 回答 欣赏 思考 从学生们上节课出现的问题出发，意在自然而然的引入新课内容，并使知识的学习有连贯性 布局网页的作用。 时间（分） 教学过程 教师活动 学生活动 设计意图 20分钟

4、 二． 新授： （一） 制作页眉部分：（标题表格） 1. 插入表格的方法：单击“插入”面板—“插入表格”按钮 2. 调整表格边框线、像素值的方法 3. 单元格的设置方法 4. 调整表格大小的方法 5. 拆分、合并单元格的方法 强调：利用表格布局网页时需要考虑的因素： 1．在同一个网页文件中，最好分块插入表格 2．根据需要设置表格边框线的值 3．表格的单元格之间最好有一定的距离 4．一般情况下，整体布局时，选用像素值作为表格的宽度 学生操作： [必做题] 利用表格布局实例网页的页眉部分 [提

5、高题] 向表格中添加实例素材 教师提问：大家向表格中添加实例素材时出现了什么问题？ 教师讲解： 1． 单元格属性的设置 2． 表格属性的设置 讲解 演示 总结 强调 巡视并 解决问题 听讲 回顾 记忆 学生可根据自己的具体情况选择合适的任务 提出问题 学习如何利用表格根据实际情况布局网页

6、 避免学生利用表格布局网页时出现问题 1.充分考虑学生的个体差异。体现分层教学。2.探索中发现新的问题 由问题引出新的知识 学生操作： [必做题]向页眉表格添加实例素材 [尝试题]利用表格布局实例网页的 正文部分 巡视并 解决问题 学生可根据自己的具体情况选择合适的任务 1.充分考虑学生的个体差异。体现分层教学。2. 探索中发现新的问题 时间（分） 教学过程 教师活动 学生活动 设计意图 12分钟

7、 2分钟 （二）制作正文部分： 1. 插入表格的方法：单击“插入”面板—“插入表格”按钮 2. 调整表格边框线、像素值的方法 3. 单元格的设置方法 4. 调整表格大小的方法 5. 表格的拆分、合并方法 6. 表格的嵌套方法 强调：利用表格布局网页时还需要考虑的因素 1．不能将整个网页的内容放在一个大表格中，建议使用表格的嵌套，同时单元格嵌套的次数也不宜太多 2．局部布局或使用表格嵌套时选用百分比作为表格的宽度 学生操作： [必做题]利用表格布局实例网页的正

8、文部分 [提高题1]向正文表格添加实例素材 [提高题2]完成实例网页的页脚部分 三． 展示学生作品 讲解 总结 强调 巡视并 解决问题 听讲 回顾 记忆 学生可根据自己的具体情况选择合适的任务。 欣赏 学习如何利用表格根据实际情况布局网页 避免学生利用表格布局自己的网页时出现问题 .充分考虑学生的个体差异。

9、体现分层教学。 3分钟 四．总结： 1． 利用表格布局网页可以使整个网页的内容组织安排的更加合理、美观 2． 利用表格布局网页时需要考虑的几个因素 3． 指出未解决的问题 引导 回忆 提出问题 提出制作过程中未解决的问题，为后面的学习做铺垫 通 州 六 中 云 雪 连