4制作用表格布局的网第一课时

1、第二单元设计多彩网页信息技术课时教学设计首页2.4制作用表格布局网页第1课时第1页共8页课题2.4制作用表格布局的网页（1） （插入、设置表格，插入Flash、 滚动字幕、广告条“ DHTML 效果”、交互式按钮、文件等）课型新授课时 安排共2课时 第1课时教具 学具网络计算机 自制课件授课班级八年级授课 时间3.253.29课 时 教 学 目 标知识 与技能学会用表格制作网页，明确用表格制作网页的优点，熟练掌握对表格的设置， 充分利用表格工具进行修饰表格，理解单兀格与表格的不同属性。学会插入一些网页兀素。女口 Flash动画、滚动字幕、交互式按钮、HTML效果、文本、图片、艺术字等。过程 与

2、方法通过广播展示范例、通过网络展示主页，让学生感知用表格制作网页的大致 布局和风格，启迪学生布局主页时需要的网页兀素，然后演示+讲解+提问冋步教学；学生在学习、动脑的情况下动手操作，在操作的情况下质疑、探究，在学中 做、做中学的情况下学技、创新；在展示、交流、分享、评价中完成教学任务。情感 态度 与价 值观大豕在用表格制作主页时，一边制作一边展示我们学校的风米，一边制作一边 表达自己对三中的思想，在学习中掌握了信息技术技能，用技能展示自己心中思 想，并与学生一起交流共享。在交流评价的过程中看看自己制作的网页，一定有 成功的喜悦感和成就感，并感受同学之间的不同风格的网页，促进自己提升自我。教学重

3、点不冋的方法制表，不冋方法设置表 格及产生不同的效果（如绘制表 格、插入表格、表格工具的使用、 表格的嵌套、合并表格、拆分表 格）、插入网页兀素（Flash、滚动 字幕、交互式按钮、HTML效果）教学难点引导学生用不同的方法制表布局 网页，从实际体验表格的嵌套、 合并与拆分单元格的操作。学会 设置与调整表格，在学会插入网 页兀素的情况下灵活应用，创造 出新颖、有特色的网页来。教学方法 与手段演示讲解、观察法、导学法、范例 教学法、抛锚式教学法、任务驱动、小组探究法、自我评价法分析学生学生很期盼动手制作网页，当又 无从下手，因些教师利用导学法， 抛锚式等教学法快速引导学生学 技、激发学生的学习兴

4、趣与热情。使用 教材 构想把教材上【实践 3.4.5.】融合在一 起共冋学习，在学生操作的冋时可 以根据教材上P64 P75的“操作 提示”进一步自主学习，操作完成 任务时利用教材评价表对自己实 践操作情况进行自我评价。教学建议1.利用生活中的身边例子为教学源，激 发学生学习的激情。所以利用制作三中 主页进行展开教学 2.本节课以制作网 页常用的一种方法之一 “用表格布局网 页”开始学习制作主页。这样引导学生 快速学会一种制作网页的方法。3.通过教师制作的三中网站范例，引导学生制 作主页，采用让学生通过浏览主页的方 法，说岀其网页元素，明确网页的常见 元素及制作方法，这样更容易上手操 作。4.

5、操作时让学生积累操作技能技巧第二单元设计多彩网页信息技术课时教学流程教学环节教师行为学生行为设计意图导入教学过程阅读教材 提出问题演示+讲解 +提问+引 导同步我的地盘我做主，我们有了 地盘了，如何合理科学美观的规 划它呢？采用什么的方法来布局 网页呢？大家观看屏幕（网络广 播）播放自制二中网站的主页。大家看效果怎么样呢？（生 可能回答：好、整齐、美观、） 一间房子，假如没有衣柜、鞋柜、厨柜、 书柜将是什么样子，即使你把衣服、鞋、 书、厨具摆放的再整齐，总感觉这间房 子不是井然有序，如果把衣服、鞋、书、 厨具分别衣柜、鞋柜、书柜、厨柜里， 就会感觉房子里井井有条、宽畅舒适， 布局网页也一样，如

6、果直接在空白网页 中添加文本和图片等元素很难排岀令 人满意的版面，如果有表格进行布局， 就很好布局网页了。咱们这节课就开 始学习表格制作网页。为什么要用表格布局网页呢？ 让学生阅读教材 P70,明确用表格 布局网页的优点和缺点。广播放映教师用Fro ntPage制作的 三中网站的主页。根据规划的主页布局进行插入表 格、设置表格。插入表格的方法： 第一种：用“菜单”操作 表格|插入|表格| 第二种：用“工具栏”操作 单击工具栏上的插入表格按钮 i3 第三种：用“绘图绘图工具栏” 操作/表格|绘制表格 匚丄聆听、观察、思考、回答阅读教材P70，1.用表格布局网页的优点和 缺点生答：优点：表格易于建

7、立和修改 并且与绝大数浏览器兼容。 缺点：网页页面比较规矩、 个性不强。学生观察屏幕、听教师演示 讲解。情景导入，用比喻的方 法让学生进 一步理解用 表格制作网 页的意图。激趣、增效1. 了解用表 格规划网页 结构。2. 观看网页 中的主要元 素、及其设计 意图。3. 引导学生 用多种方法 插入表格补充课堂变化及处理主要环节的效果2.4制作用表格布局网页第1课时第2页共8页第二单元设计多彩网页信息技术课时教学流程教学环节教师行为学生行为设计意图补充课堂变化及处理主要环节的效果启发引导演示+提冋+讲解同步 进行学会用多 种方法操 作“表格”及其设置 所需的表 格。调整表格的方法。第一种：利用“表

8、格”工具栏调整 表格，使其符合网页布局要求。【温馨提示】：“表格”工具栏呈现 的方法及使用。 在工具栏任一空白处单击右键 I 选择“表格”。 视图I工具栏I表格 认识并会利用“表格”工具栏表格 X显示布局工具：7 1?;J J无艺J上的工具快速操作第二种：利用“表格属性”设置、 调整表格。聆听、观察、思考、回答 问题2.4制作用表格布局网页第1课时第3页共8页第二单元设计多彩网页信息技术课时教学流程教学环节教师行为引导发现 法任务引导设疑解难关键点击1表格的宽度设为759像素。1024*768 像素800*600 像素2.衬距：是指单元格边距与单元格中 内容的距离。3间距：是指单元格与单元格之

9、间的 距离。4. 把衬距、间距、边框粗细的值设为0，就隐藏了表格边框线条，即隐形表格。5. 单元格与表格的区别。演示+讲解设疑技巧表格嵌套的方法及设置嵌套组合 定位|表格|插入表格 学生动手操作：1. 动手操作教材P72表格2. 根据自己设计好的主页内容设置 表格。提问：插入多行多列表格后用合并、 拆分表格的方法布局网页和用表格 嵌套的方法布局有什么不同？调整嵌套表格中最下边的和最右边的线会快速调整好表格嵌套。§学生观看网页中有哪些元素?学生行为设计意图预设：1. 在教师讲解表格宽度设 计为759像素时学生要提 出为什么？2. 为什么用表格制作出的 网页看不见边框线？在"为

10、什 么”的情况 下学习会 对知识技 能更深刻 的理解。1发现问题提出问题动手操作任务【任务一】在操作中 体验，在体 验中发现。1. 动手操作教材 P72表格2. 根据自己设计好的主页 内容设置表格。回答：作为独立的单元格 进行设置、调整比较容易 达到所需的效果。生答：以学致用以用促学8补充课堂变化及处理主要环节的效果2.4制作用表格布局网页第1课时第4页共8页第二单元设计多彩网页信息技术课时教学流程教学环节教师行为学生行为设计意图补充课堂变化及处理主要环节的效果学习网页元素的添加与设置。（在设置的表格添加对应的网页演示 讲解 观察提问引导知识点击学习 讨论 探究知识点击技能技巧（一）标题与标识

11、 Logo1插入艺术字、图片2插入flash影片插入|图片flash影片或插入Web组件|高级控件|flash影片（二）横幅广告1用DHTML效果制作（交换图片 和加载文字）视图工具栏|DHTML效果BHTBL效果在|罐挥一种爭件孜击 鼠标悬停 网页加载按自己所需进行设置效果。（三）滚动字幕插入|Web组件|或单击工具栏上的Web组件按钮，选择“动态效果”中的“字幕”，单击“完 成”，进入“字幕属性”对话框， 输入所需的字幕内容。并对其进 行设置。2.4制作用表格布局网页根据自己准备好的“素材” 进行操作。【任务二】设置标题与标识。（可以插 入艺术字、图片、flash影片） 【任务三】设置横幅

12、广告（用 DHTML 效果制作图片和文字效果）【任务四】制作滚动字幕“欢迎光临古 交三中网站”或根据自己设 置的内容进行操作。第1课时第5页共8页从学生看到的网页元素 入手，从上到 下、从左到右 进行设置网 页元素。学生喜欢动 态效果的东 西，所以从学 习动态效果 入手进行设 置教学。添加 动态效果第二单元设计多彩网页信息技术课时教学流程教学环节提问用比喻的方法讲解观察技能技巧课标检测教师行为技巧一：在“设计”视图状态下， 双击编辑的字幕即可出现字幕属性 对话框进行设置。技巧二：鼠标选中“字幕内容”单 击右键，即可出现字幕属性对话框 进行设置。（四）交互式按钮（悬停按钮） 插入|交互式按钮或

13、插入|Web组件选择“动态效果”中 的“交互式按钮”，或 单击工具栏上的Web组件按钮一，选择“动态效果”中的“交互式按钮”，打开交互式按钮进行对“按钮”、“字体”、“图像”设置。温馨提示：设置好一个“交互式 按钮”后，可以直接进行复制多 个按钮，然后双击其复制的按钮， 进行编辑修改。（五）插入文件（或导入文件） 插入I文件，选择所需要的文 件，点击“打开”，即可把外部 文件导入网页中。布置任务：1 6, 出示课标检测内容 2.4制作用表格布局网页学生行为【任务五】插入交互式按钮并进行设 置。【任务六】插入文件学生做答第1课时第6页共8页设计意图在教师引导 下学习，然后 根据布置的 任务进行操

14、 作，做到学以 致用补充课堂变化及处理主要环节的效果第二单元设计多彩网页课时达标检测设计项目检测内容一、简述题1谈一谈用表格布局网页的优点和缺点？优点：表格易于建立和修改并且与绝大数浏览器兼容。缺点：网页页面比较规 矩、个性不强。2插入表格的步骤3说出调整、设置表格的方法。当堂4添加“滚动字幕”、“交互式按钮”首先点击什么菜单？如何快速设置其 属性？达标检测二、思考题1如何隐藏表格边框线条？2插入多行多列表格后用合并、拆分表格的方法布局网页和用表格嵌套的方法布局有什么不冋？四、操作情况完成基本任务达完成拓展任务达检测的目标点与用时 预设；反馈、矫正方法 预设与达标效果补充2.4制作用表格布局网页第1课时第7页共8页第二单元设计多彩网页信息技术教学尾页情景导入展示范例自主学习里解用表格制作网页的优点，观看范例，增效激趣 明确用表格制作网页的目的，观看网页元素教学演示+质疑+提问+讲解（同步）结构流程设计课堂小结本节课重点学习了用表格制作