用表格布局网页教案.doc

课题用表格布局网页(一)教学背景本节课是网页制作的第五节内容，在此之前，学生已经了解了以下内容：1网站与网页的区别；2组成网页的基本元素：文字、图片、链接、动画、视频、音频、表单等；3网页的版面布局：一般由页眉（网站标识、导航按钮）、网页的主要内容、页脚（邮箱地址、联系电话、版权说明等）组成；4网页常见的结构类型：（国字型、拐角型、标题正文型、框架型、封面型、flash型等）5网页的色彩搭配：根据自己的兴趣爱好学生已经分组制定了网站的主题，并围绕小组的主题明确了自己的任务，同时将网页结构图落实在了纸上；搜集了网页所用的素材；建立了自己的站点和主页。教学目标1了解利用表格布局网页的重要性2掌握在网页中插入表格、调整表格大小、更改表格和单元格属性、拆分和合并表格、嵌套表格的基本方法3掌握表格边框线、像素值的设置方法；单元格填充、单元格间距的设置方法4. 能利用表格布局实例网页、尝试填充网页内容，并体验成功后的快乐教学重点表格的基本操作方法教学难点使用表格合理布局实例网页教学方法讲授法、诱思导学法、演示法、分层教学法、任务驱动法教学准备幻灯片、实例网页时间（分）教学过程教师活动学生活动设计意图3分钟一 新课引入：1、展示学生上节课所做的网页，提问制作过程中发现了什么问题2、出示实例网页，引导学生发现前后网页的不同，初步了解利用表格布局网页的作用。提问引导回答欣赏 思考从学生们上节课出现的问题出发，意在自然而然的引入新课内容，并使知识的学习有连贯性时间（分）教学过程教师活动学生活动设计意图20分钟二 新授：（一） 制作页眉部分：（标题表格）1. 插入表格的方法：单击“插入”面板“插入表格”按钮2. 调整表格边框线、像素值的方法3. 单元格的设置方法4. 调整表格大小的方法5. 拆分、合并单元格的方法强调：利用表格布局网页时需要考虑的因素：1在同一个网页文件中，最好分块插入表格2根据需要设置表格边框线的值 3表格的单元格之间最好有一定的距离4一般情况下，整体布局时，选用像素值作为表格的宽度学生操作：必做题 利用表格布局实例网页的页眉部分提高题 向表格中添加实例素材教师提问：大家向表格中添加实例素材时出现了什么问题？教师讲解：1 单元格属性的设置2 表格属性的设置学生操作：必做题向页眉表格添加实例素材尝试题利用表格布局实例网页的 正文部分讲解演示总结强调巡视并解决问题巡视并解决问题听讲回顾记忆学生可根据自己的具体情况选择合适的任务提出问题学生可根据自己的具体情况选择合适的任务学习如何利用表格根据实际情况布局网页避免学生利用表格布局网页时出现问题1.充分考虑学生的个体差异。体现分层教学。2.探索中发现新的问题由问题引出新的知识1.充分考虑学生的个体差异。体现分层教学。2. 探索中发现新的问题时间（分）教学过程教师活动学生活动设计意图12分钟2分钟3分钟（二）制作正文部分：1. 插入表格的方法：单击“插入”面板“插入表格”按钮2. 调整表格边框线、像素值的方法3. 单元格的设置方法4. 调整表格大小的方法5. 表格的拆分、合并方法6. 表格的嵌套方法强调：利用表格布局网页时还需要考虑的因素1不能将整个网页的内容放在一个大表格中，建议使用表格的嵌套，同时单元格嵌套的次数也不宜太多2局部布局或使用表格嵌套时选用百分比作为表格的宽度学生操作：必做题利用表格布局实例网页的正文部分提高题1向正文表格添加实例素材提高题2完成实例网页的页脚部分三 展示学生作品四总结：1 利用表格布局网页可以使整个网页的内容组织安排的更加合理、美观2 利用表格布局网页时需要考虑的几个因素3 指出未解决的问题讲解总结强调巡视并解决问题引导听讲回顾记忆学生可根据自己的具体情况选择合适的任务。欣赏回忆提出问题学习如何利用表格根据实际情况布局网页避免学生利用表格布局自己的网页时出现问题.充分考虑学生的个体差异。体现分层教学。提