《用表格布局网页》教学设计
教案：使用表格布局网页
教学内容：项目五表格的应用
任务3、使用表格布局网页课程：网页设计与制作
专业：计算机
授课课时：1课时
教师：
授课班级：
单位：
授课时间：
教学设计说明：对于使用表格布局“个人写真”首页的任务，我在坚持以教师为主导，学生为主体的教学原则下，通过复习提问一一巩固旧知；创设情景一—导入新课，明确任务；提出问题一一分析任务，引发思考、课堂讨论、获取知识；讲授点拨一一任务实施，引出重点；师生互动，归纳提高一一攻破难点五个环节进行教学。
在任务实施中采取小组合作完成的方法，以小组为整体回答问题及完成操作性任务，小组评比采用星级制，小组得星数量从多到少评为优、良、合格、
提出本次课的任务。
学生明确本课的学习任务。
任务分析
请同学们观察首页的布局，分析首页的版面结构，得出首页表格布局图。
任务实施
向学生展示首页表格尺寸图首页效果图
三、进入新课
1、任务分析
2、任务实施
（一）、插入布局页面的表格并在表格、单
元格属性面板中设置表格
了门jra卜.
7
1-banner^
2
-
―enu--
1
Jftp
JI-1
4
<
5
UMLiy
■
9
:<■
•和「J.-fnrd
:<■
【操作步骤】
步骤1:单击菜单栏［插入记录］/［表格］,
设
【学生讨论】学
生在教师的引导
下，分析、归纳该
页面布局规律。
小学信息技术五年级下册《用表格布局网页》教案
小学信息技术五年级下册《用表格布局网页》教案青岛版小学信息技术五年级下册《用表格布局网页》教案作为一位无私奉献的人民教师，通常会被要求编写教案，教案是实施教学的主要依据，有着至关重要的作用。
那么什么样的教案才是好的呢？下面是小编帮大家整理的青岛版小学信息技术五年级下册《用表格布局网页》教案，供大家参考借鉴，希望可以帮助到有需要的朋友。
教学目标知识目标了解表格的属性能力目标学会修改表格的属性；掌握运用表格布局网页的方法；学会在表格中嵌套表格。
情感目标通过研究并制作“粪金龟”、“埋葬虫”网页，培养对大自然每个生命及物种的尊重。
教学重难点用表格布局网页的方法。
教学准备网页背景图片、粪金龟图片。
教学过程情境创设激发兴趣1、对比chan.html和hu die biao ben.html，说出对这两个网页的感受。
2、总结表格的作用。
3、引出用表格布局整个网页。
自主探究交流分享一、修改表格属性1、打开hu die biao ben.html将表格的对齐方式改为“居中对齐”把表格的宽改为380像素。
2、学生操作。
3、学生汇报演示。
二、利用表格布局网页1、自学课本第23页，制作网页fen jin gui.html。
2、学生探究操作。
3、学生演示汇报。
4、继续完成网页制作。
合作学习释疑解难1、学生提出问题。
2、教师补充问题：（1）、如何选中表格？（2）、使用表格布局网页的优点有哪些？3、小组内合作解决问题。
4、评比最佳途径。
实践创作展示评价1、任务：使用表格布局网页chan.html，让它变的更美观。
2、学生创作。
3、小组推选优秀作品。
4、全班欣赏评价优秀作品。
梳理总结拓展延伸本节课收获是什么？觉得自己哪个部分掌握的比较好了，哪个地方还要继续努力。
表格布局网页课程设计
表格布局网页课程设计一、课程目标知识目标：1. 让学生掌握网页设计中的表格布局基础知识，理解表格布局的原理和用途；2. 学会运用HTML标签创建表格，设置表格的行、列和单元格属性；3. 掌握CSS样式表中与表格布局相关的属性，如边框、间距、填充等。
技能目标：1. 培养学生运用表格布局设计网页的能力，能独立完成简单的网页布局；2. 提高学生在网页设计中的问题解决能力，能够调整表格布局以适应不同设备和屏幕尺寸；3. 培养学生团队协作和沟通能力，能在小组合作中共同完成网页设计任务。
情感态度价值观目标：1. 培养学生对网页设计的兴趣和热情，激发学生的创造力和创新精神；2. 培养学生关注用户体验，注重网页布局的美观性和易用性；3. 增强学生的信息素养，使学生认识到网络技术在信息传播中的重要作用。
课程性质：本课程为信息技术课程，以实践操作为主，结合理论知识，培养学生的实际操作能力和创新思维。
学生特点：学生处于初中阶段，对新鲜事物充满好奇，具备一定的计算机操作基础，喜欢动手实践。
教学要求：教师应注重理论与实践相结合，以学生为主体，引导学生主动探究，培养其独立思考和解决问题的能力。
同时，关注学生个体差异，因材施教，确保每个学生都能在课程中取得进步。
通过课程学习，使学生能够达到上述具体的学习成果，为后续的网页设计学习打下坚实基础。
二、教学内容1. 理解表格布局的概念与作用- 表格布局的定义与分类- 表格布局在网页设计中的应用场景2. HTML表格标签的使用- <table>、<tr>、<td>、<th>等基本标签的用法- 表格行、列、单元格的属性设置3. CSS样式表中与表格布局相关的属性- 边框样式：border、border-collapse、border-spacing等- 单元格样式：padding、margin、text-align、vertical-align等- 表格背景与颜色：background-color、background-image等4. 表格布局实例分析与操作- 分析经典表格布局案例，了解其设计思路和实现方法- 学生实践操作，完成一个简单的表格布局网页5. 响应式表格布局- 介绍响应式网页设计的基本概念- 学习使用CSS媒体查询调整表格布局以适应不同屏幕尺寸6. 表格布局在实际项目中的应用- 分析实际项目需求，确定表格布局设计方案- 学生团队合作，完成一个具有实际意义的网页设计项目教学内容安排与进度：第1课时：理解表格布局的概念与作用，学习HTML表格标签的使用第2课时：CSS样式表中与表格布局相关的属性，分析表格布局实例第3课时：实践操作，完成一个简单的表格布局网页第4课时：学习响应式表格布局，调整表格布局以适应不同屏幕尺寸第5课时：团队合作，完成实际项目中的表格布局设计教学内容与教材关联性：本教学内容与教材中关于网页设计、HTML和CSS的知识点紧密相关，涵盖了表格布局的基本概念、用法和实际应用，确保了教学内容的科学性和系统性。
用表格布局网页教学设计
用表格布局网页教学设计教学目标（一）知识与技能目标：1、理解用表格布局主页的作用。
2、掌握在网页中插入表格进行排版。
3、学生设置表格的属性。
（二）过程与方法目标：通过欣赏和借鉴别人布局的主页，取长补短，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的发散思维能力。
（三）情感、态度与价值观目标:用表格排版网页解决了网页版面杂乱的问题，培养学生在遇到困难时灵活运用各种方法解决，促进其建站信心。
五、重点与难点教学重点：插入表格和更改表格属性。
教学难点：让学生灵活掌握排列表格和设置表格属性的方法。
六、教学策略与手段游戏竞赛法，对比教学法，任务驱动法，讲解演示法，自主探究学习法，网站教学法，小组合作法。
七、课前准备1、学生的准备带课本进教室2、老师的教学准备（1）精心准备课堂，做好教学设计（2）预先做好问题的设计及突发事件的应对3、教学环境的设计与布置4、教学用具的设计与布置准备好一些具有代表性的版面设计优美合理的网站主页面作为参考八、教学过程（一）、课堂导入教师：第一次给大家上课，老师想了解一下情况，不知我们班是男生信息技术水平高还是女生信息技术水平高？学生：………教师：自己说了都不算，这节课我们就来较量一下。
怎么样？先从第一个环节拼图游戏开始。
邀请两位同学（男生和女生）上来，分别选择其中一个，帮我把网页上图片的位置调整好。
一位没调整好，另一位调整好了。
先采访一下失败的原因，你觉得问题出在哪里，是不是按照Word中的方法在操作，那你觉得在Word中图片、文字可以怎么样，而在FrontPage中呢？采访另一个，发表一下你的成功感言，你觉得你为什么会成功，是网页中的什么帮了你的忙？网页里面有表格。
也说是说在网页中要给图片定位，就必须要用到表格，表格在网页中起到了一个怎么样的作用——可以定位对象，即可以为网页布局，那怎样操作大家想不想学，今天这节课我们一起来学习第十五课《用表格为网页布局》。
4.1用表格布局网页教案
§4.1 利用表格布局页面胡斌一、教学目标：1．知识与技能（1）了解网页设计中表格的作用。
（2）掌握网页中表格的制作方法、表格属性的设置方法，能够在单元格中正确插入图片。
（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。
2．过程与方法（1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。
（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。
（3）通过自主探究，使学生掌握软件的使用规则，由摸索、探究性学习到形成性学习，培养学生学会学习，驾御学习的能力。
3．情感态度与价值观（1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习信息技术的能力。
（2）通过运用表格布局网页对象活动，进一步掌握各种不同对象的属性设置方法和规律，体验创造的快乐。
（3）通过“全运会”网页的设计与制作，激发学生热爱运动，关心集体的意识。
二、教学重点、难点：1．教学重点：（1）了解表格在网页设计中的重要作用和功能。
（2）掌握插入表格、添加、删除行、列的方法及表格的属性设置方法。
（3）掌握表格嵌套的方法2．教学难点：表格中插入图片、表格属性设置三、教学方法：对比教学法、探究学习法、模仿学习法。
四、教学过程：1、复习以复习提问的方式来回顾站点的建立、页面属性的设置，学生认真回顾，回答教师提问。
为本节课教学做一定铺垫。
2、引入（5分钟）（1）观看两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；另一个页面凌乱，图文混杂，摆放杂乱。
你更喜欢怎样的页面布局？提出问题：有什么办法可以达到第一个页面的效果？学生讨论，交流，回顾Word中学习过的表格，明白表格在Dreamweaver中的作用。
3、新授（10分钟）（1）、插入表格“插入记录/记录”命令打开“表格”对话框（Ctrl+Alt+T）●“表格大小”项表格宽度：像素百分比 Ctrl+U●“页面”项●辅助功能（2）、表格属性设置表格ID 宽高填充间距对齐边框背景颜色边框颜色背景图案（3）、添加、删除行或列a、修改/表格/插入行或列右键/表格/插入行或列b、修改/表格/删除行或列右键/表格/删除行或列c、属性面板中添加删除（4）、表格嵌套将光标定为在要插入表格的单元格内，单击“表格”按钮或执行“插入/表格”命令学生演示以上4个操作，教师讲解及点评4．练习（任务驱动）任务1 建立站点，设置页面属性（10分钟）在D盘建立站点目录姓名+41文件夹（内含files、images、others三个子文件夹），站点名为“全运会”，新建“html”创建新网页，保存为index.html执行“修改/页面属性”完成以下设置设置任务2 完成页面基本布局（10分钟）1、插入表格插入一个3行1列，表格宽度为900像素，边框粗细、单元格边距及间距都为0的表格。
用表格布局网页教案
四．总结：
1．利用表格布局网页可以使整个网页的内容组织安排的更加合理、美观
2．利用表格布局网页时需要考虑的几个因素
3．指出未解决的问题
讲解
总结
强调
巡视并
解决问题
引导
听讲
回顾
记忆
学生可根据自己的具体情况选择合适的任务。
欣赏
回忆
提出问题
学习如何利用表格根据实际情况布局网页
避免学生利用表格布局自己的网页时出现问题
课题
用表格布局网页(一)
教学背景
本节课是网页制作的第五节内容，在此之前，学生已经了解了以下内容：
1．网站与网页的区别；
2．组成网页的基本元素：文字、图片、链接、动画、视频、音频、表单等；
3．网页的版面布局：一般由页眉（网站标识、导航按钮）、网页的主要内容、页脚（邮箱地址、联系电话、版权说明等）组成；
.充分考虑学生的个体差异。体现分层教学。
提出制作过程中未解决的问题，为后面的学习做铺垫
通州六中
云雪连
教学准备
幻灯片、实例网页
时间（分）
教学过程
教师活动
学生活动
设计意图
3分钟
一．新课引入：
1、展示学生上节课所做的网页，提问制作过程中发现了什么问题
2、出示实例网页，引导学生发现前后网页的不同，初步了解利用表格布局网页的作用。
提问
引导
回答
欣赏
思考
从学生们上节课出现的问题出发，意在自然而然的引入新课内容，并使知识的学习有连贯性
6.表格的嵌套方法
强调：利用表格布局网页时还需要考虑的因素
1．不能将整个网页的内容放在一个大表格中，建议使用表格的嵌套，同时单元格嵌套的次数也不宜太多
《应用表格布局网页结构》教学设计（精选多篇）
《应用表格布局网页结构》教学设计（精选多篇）第一篇：《应用表格布局网页结构》教学设计《应用表格布局网页结构》教学设计一、教学目标知识与技能：1、了解表格在网页设计中的作用。
2、能够根据网页的内容，正确布局表格的结构。
3、掌握网页中表格的制作方法，能够在单元格中正确插入文字和图片，掌握表格属性的设置方法以及单元格的修饰与编辑方法。
过程与方法：通过观看优秀网站表格布局，动手设计表格等环节，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的发散思维能力；通过学生自主地编辑和修饰表格等环节，培养学生自主探究学习的能力。
情感、态度与价值观：1、提高学生自学和探究的能力，培养学生应用表格布局网页结构的兴趣。
2、提高学生语言表达能力，学会客观的评价作品。
二、教学重点与难点重点：了解表格在网页设计中的重要作用掌握插入、编辑表格以及表格，单元格的属性设置方法。
难点：表格的嵌套表格，单元格，网页属性的设置三、教学方法讲解演示教学法，小组合作学习法，自主探究学习法四、教学设计说明本节课是初中信息技术（下册）2007年7月第一版第11单元《设计主题网站》第二节的内容，教学面向的是初二年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了基本的信息技术知识和技能。
初中的学生喜欢新、奇、特的事物，接受能力和理解能力比较快。
而直观、醒目的网站示例图片则可以培养学生对于本课题的兴趣，但是学生对于如何应用表格布局网页结构的操作是比较模糊的。
因此本节课充分地发挥学生了的积极性，让学生随着学案所设置的环节，探究完成一个又一个的应用表格过程。
而学案则是在尊重学生解决问题的思维过程方式的基础上设置的，注重学生的学习体验和情感的体验。
整节课以学生为主体、教师为主导的架构下，搭建以生为本的情景学习的平台，帮助学生自学、交流讨论、深入探究，以不断的完成应用表格布局网页结构的过程为手段，一步步完成学习任务。
五、教学过程课前将素材和网站站点发送到桌面，指导学生解压缩。
《用表格为网页布局》教学设计说课稿
《用表格为网页布局》教学设计《用表格为网页布局》是浙江教育出版社信息技术教材八年级上册第三单元第十五课的内容。
本课是在学生学习建立网站站点后，开始尝试做第一张网页。
通过本课的学习，是对表格知识的巩固和深入，更重要的是为后面的网页制作打下基础，所以本课是本单元的重点，起到承上启下的作用。
前阶段学生已经学习了文本编辑、图片插入、网络基本知识、文件操作等内容，很多知识都可以迁移到本课来。
八年级学生对电脑基本操作已经不再陌生，已经能够独立完成一定要求的学习任务，但是学生对于特定任务进行分析，整体规划能力相对还是比较欠缺的。
本节课教学的作业设计中，我将注重培养学生这个方面的能力。
根据课程标准和教材内容，我将本课的教学目标设计成三个方面：知识与技能目标：1、了解主页布局的常见布局图，并明确主页设计的基本要素；2、理解用表格排版主页的作用；3、掌握在网页中插入表格进行排版的技能；4、学会设置表格属性，对表格进行编辑修改。
过程与方法目标：通过欣赏、借鉴他人的主页布局，取长补短，为自己的主页布局做铺垫。
情感、态度与价值观目标：1、通过作品欣赏，让学生意识到取长补短的可贵性，及在借鉴基础上的创新的重要性；2、用表格排版网页解决网页版面杂乱问题，培养在遇到困难时灵活运用各种方法解决，强化建站信心。
为了实现这个教学目标，我将教学重点确定尾插入表格进行排版和更改表格属性。
根据学生的思维障碍和学习情况的分析，我将难点定位于灵活掌握排列表格和设置表格属性。
只有正确设置了表格的属性，才能美化和完善网页的布局。
为了更好的突出教学重点，突破教学难点，圆满的完成教学任务，我在课前截取了典型的旅游网页图片素材并设置成框架形式让学生一目了然地看到表格所起的作用，并设置了几个学生需要突破的任务。
信息技术课是培养学生对信息技术的兴趣和意识，使学生养成良好的信息素养为宗旨，强调学生的自主学习和研究学习。
上新课前，我要求学生两两合作，通过传统手工绘制草图的学习方式，设计你需要建立网页的框架布局，同时学会和与他人合作。
利用表格布局网页教案
利用表格布局网页教案教案标题：利用表格布局网页教案教学目标：1. 了解表格布局的基本概念和原理。
2. 掌握使用HTML和CSS创建基本的表格布局。
3. 能够灵活运用表格布局设计网页。
教学准备：1. 计算机和互联网连接。
2. HTML和CSS编辑器软件。
3. 示例网页代码和相关图片素材。
4. 课堂展示设备。
教学过程：Step 1: 引入表格布局概念（5分钟）介绍表格布局的基本概念和原理，解释为什么表格布局在网页设计中非常有用。
Step 2: HTML表格结构（10分钟）解释HTML表格的基本结构，包括表格、行和单元格的标签及其属性。
演示如何创建一个简单的表格。
Step 3: CSS样式设置（15分钟）说明如何使用CSS样式设置表格的外观，包括表格边框、背景颜色、字体样式等。
演示如何应用样式到表格中。
Step 4: 表格布局设计（20分钟）展示一些常见的表格布局设计示例，如网站导航菜单、产品特性比较、课程时间表等。
解释如何将内容合理地安排在表格中。
Step 5: 实践操作（30分钟）让学生动手实践，在编辑器中创建自己的网页，并使用表格布局设计页面结构。
提供示例代码和图片素材供学生参考。
Step 6: 学生展示和讨论（15分钟）让学生展示他们设计的网页，并就设计选择、布局优化等方面进行讨论和反馈。
Step 7: 总结和拓展（5分钟）总结表格布局的优点和应用场景，并鼓励学生进一步探索其他网页布局方式。
教学评估：1. 学生在实践操作中的表现和成果。
2. 学生对表格布局的理解和应用能力。
3. 学生在展示和讨论环节的参与和表达能力。
教学延伸：1. 鼓励学生进一步研究和尝试其他网页布局方式，如Flexbox和Grid布局。
2. 引导学生学习响应式设计，掌握如何使用媒体查询和表格布局来适应不同屏幕尺寸。
教学反思：根据学生的实际情况和学习进度，灵活调整教学过程中的时间分配和内容讲解，确保学生能够理解和掌握表格布局的基本原理和应用技巧。
《用表格布局网页》教学设计及反思
应用表格布局网页
■教材分析
本课是苏科版《初中信息技术》教材上册第十章第二节的内容，对应《江苏省义务教育信息技术课程指导纲要》中必修基础“信息的发布与交流”模块。
■教学目标
1．知识与技能:
（1）学会利用表格的相关操作布局网页。
（2）掌握插入文本、图片等对象的方法，并能根据需要设置属性。
2．过程与方法:
通过亲历建立网站、布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。
3．情感态度与价值观:
通过制作主题网站，在创建站点和制作首页的过程中，树立人与动物和谐相处，珍爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。
4．行为与创新:
在制作首页的过程中，学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。
■课时安排
安排1课时
■教学重点与难点
1．教学重点
（1）利用表格的相关操作布局网页。
（2）插入文本图片等对象以及属性的设置。
2．教学难点
灵活运用表格的相关操作合理布局网页。
教学方法与手段
知识迁移、类比教学、自主学习、小组合作、讲授法
■课前准备
极域多媒体广播软件、教学课件、学件、素材资源
教学过程：
■教学反思。
《表格布局网页》教学设计
《表格布局网页》教学设计
南京市天印高级中学柯晶
【教材目标】
知识与技能：掌握创建表格的方法，并学会编辑表格的基本方法，熟练运用表格规划布局网页的能力。
过程与方法：通过分组练习、认知类比、知识迁移等手段，在原有操作技能的基础上，掌握Frontpage中有关合理运用表格的思想与方法。
情感态度与价值观：创设完成表格操作的任务环境，鼓励学生大胆实践，大胆操作，培养学生对信息技术的兴趣，体会到合理规划布局网页的重要性。
通过展示活动、合作探究，提高学生欣赏、评价作品的能力，培养学生的自学能力和合作精神，养成良好的学习习惯。
【教材重点】
通过Office组件word中表格的学习，迁移到FrontPage中运用表格布局网页思想与能力的培养。
【教材难点】
1.培养学生根据实际需要，用表格规划设计网页的合理的思路。
2.网页布局过程中所遇到的各“单元格”列宽不同处理方法。
3.根据需要灵活设置表格边框、单元格间距、单元格边距的能力。
【教材方法】
教师讲解、演示与学生自主探究、任务驱动相结合。
【教材过程】。
用表格布局网页教案
用表格布局网页教案第一章：表格布局网页概述1.1 教学目标了解表格布局网页的概念和作用掌握表格布局网页的基本方法1.2 教学内容表格布局网页的定义表格布局网页的优势表格布局网页的基本方法1.3 教学步骤引入表格布局网页的概念讲解表格布局网页的优势演示表格布局网页的基本方法1.4 课后作业学生自行设计一个简单的表格布局网页第二章：表格布局网页的基本操作2.1 教学目标掌握表格布局网页的基本操作2.2 教学内容插入表格调整表格大小合并单元格2.3 教学步骤插入表格并调整大小合并单元格和拆分单元格2.4 课后作业学生自行设计一个包含表格布局的网页第三章：表格布局网页的样式设置3.1 教学目标掌握表格布局网页的样式设置3.2 教学内容表格样式设置单元格样式设置3.3 教学步骤讲解表格样式设置的方法讲解单元格样式设置的方法3.4 课后作业学生自行设计一个包含表格布局和样式设置的网页第四章：表格布局网页的高级应用4.1 教学目标掌握表格布局网页的高级应用4.2 教学内容跨列单元格嵌套表格4.3 教学步骤讲解跨列单元格和跨行单元格的应用方法讲解嵌套表格的应用方法4.4 课后作业学生自行设计一个包含跨列单元格、跨行单元格和嵌套表格的网页第五章：表格布局网页的优化与调试5.1 教学目标掌握表格布局网页的优化与调试方法5.2 教学内容优化表格布局网页的性能调试表格布局网页的问题5.3 教学步骤讲解优化表格布局网页性能的方法讲解调试表格布局网页问题的方法5.4 课后作业学生自行设计一个包含优化与调试的表格布局网页第六章：响应式表格布局网页6.1 教学目标理解响应式网页设计的基本概念掌握使用表格进行响应式布局的方法6.2 教学内容响应式网页设计的基本原则使用CSS媒体查询调整表格布局实现表格的响应式布局6.3 教学步骤介绍响应式网页设计的基本原则演示如何使用CSS媒体查询调整表格布局示例实现一个表格的响应式布局6.4 课后作业学生完成一个表格布局的响应式网页设计，并在不同设备上测试其表现。
青岛版信息技术五年级下册 用表格布局网页(教学设计)
小学五年级信息技术教学设计课题：《用表格布局网页》执教：高密市井沟镇呼家庄小学赵治一、教材分析：本节选自青岛版信息技术教材中的《用表格布局网页》一课，主要内容是学习在表格中插入图片、调整图片以及表格中插入表格方法（也叫表格的嵌套），本课是在学生掌握了表格制作的基础上进行的，通过本节课的学习为美化网页迈出了重要的一步，能够培养学生学习的浓厚兴趣。
二、学情分析：本课的讲授对象是小学五年级学生，通过前二个课时的学习，学生对网页已有了基本的了解，学生能够熟练的启动、退出网页、制作表格并插入新图片，能够利用菜单进行一些基本操作，也为本节课的学习打下了基础，所以，引导学生探究完成学习目标对学生来说并不困难。
三、教学目标：1、知识与技能：掌握在表格中插入图片的方法和表格中插入表格的方法与技巧，设置单元格背景颜色。
2、过程与方法：通过小组合作形式，运用任务驱动方式，培养学生的协作探究能力。
3、情感、态度和价值观目标：通过小组合作培养学生的合作意识和探究能力；通过作品的美化布局与评价，培养学生的审美意识。
通过介绍银杏美景，培养学生热爱大自然的情怀。
四、教学策略：为鼓励学生大胆动手操作，利用探究任务的形式完成一个个操作，让学生根据已有知识和教师的指导、同伴的帮助，通过导学案的引领，自主探究完成操作；通过展示和评价学生的作品，提高学生的审美意识，体会成功的喜悦。
五、教学重点与难点：1、重点：在表格中插入图片及表格中插入表格的方法。
2、难点：表格的嵌套在网页设计中的应用。
六、教学过程：七、教学后记：本节课利用网络环境下的多媒体教学系统呈现教学内容和控制教学。
教学过程中，通过小组合作完成探究任务的形式，运用探究学习、合作学习、任务驱动等教学方式完成一个个教学任务。
整个过程引导学生大胆质疑、大胆尝试不同的操作方法，注重学生动手能力与合作探究能力的培养。
利用小组合作，让学生教学生，协作互助，教师始终保持一个指导者、组织者的角色，体现师生关系的和谐。
五年级下册信息技术第10课《表格布局网页》教案
版小学五年级下册信息技术第10课（表格布局网页）样板教案第10课表格布局网页教学目标1、掌握用表格进行网页布局的方法。
2、学会在网页中设置表格、单元格的属性。
课时安排1课时教学重点和难点掌握用表格进行网页布局的方法及设置属性。
教学过程一、导入在网页制作中，表格可以很好地组织和分隔网页中的内容，尤其是在处理多张图片时，表格的使用显得格外重要。
这节课我们一起学习应用表格设计“名菊荟萃〞网页。
二、表格的插入1、启动FrontPage2022，翻开网页“名菊荟萃〞：1〕单击“表格〞菜单，选择“插入〞——“表格〞2〕设定表格的行数和列数3〕设置表格边框的粗细4〕设置好表格的各项属性值，然后单击“确定〞三、表格的合并或拆分1、表格的合并1〕选择要合并的单元格，鼠标右键单击2〕选择“合并单元格〞2、表格的拆分1〕选择要拆分的单元格，鼠标右键单击2〕选择“拆分单元格〞3〕选择“拆分成列〞或者“拆分成行〞，输入列数或者行数4〕单击“确定〞四、练一练利用表格进行布局，在“名菊荟萃〞网页中进行插入图片及文字说明的操作。
五、设置单元格属性1、在单元格内单击鼠标右键，选择“单元格属性〞：1〕选择单元格的边框颜色2〕选择单元格的背景颜色3〕单击“确定〞2、试一试改变单元格属性，美化刚刚插入的表格。
3、想一想在单元格单击鼠标右键时弹出的快捷菜单中，“单元格属性〞与“表格属性〞有什么不同？六、练一练选择在其他网页中利用表格布局网页七、总结完成“评一评〞。
用表格为网页布局教学设计
用表格为网页布局教学设计Teaching design of web page layout with tabl es用表格为网页布局教学设计前言：小泰温馨提醒，信息技术是主要用于管理和处理信息所采用的各种技术的总称，主要是应用计算机科学和通信技术来设计、开发、安装和实施信息系统及应用软件。
本教案根据信息技术课程标准的要求和针对教学对象是高中生群体的特点，将教学诸要素有序安排，确定合适的教学方案的设想和计划。
便于学习和使用，本文下载后内容可随意修改调整及打印。
课题（教学内容）第15课用表格为网页布局总课时第15课时教学目标：1．学会并熟练掌握插入表格的技能。
2．学会并掌握设置表格属性、合并、拆分单元格等表格编辑技能。
3．能利用表格合理的布局网页页面。
：1．展示两组素材相同而布局不同的网页，让学生进行比较认知。
2．利用多媒体教学网进行“利用表格布局网页页面”的教学演示。
3．学生实践练习并交流展示及评价。
4．通过项目活动教学法学会知识技能培养能力。
：1．锻炼学生“利用表格合理的布局网页页面”知识技能。
2．培养学生的审美能力、设计和组织能力、语言表达能力、小组合作能力。
3．使学生在活动完成后获得成功的体验，激发更大的网站制作的学习兴趣。
重点学生自主的设计表格并布局网页难点利用表格合理的、谐调的布局网页教法项目活动教学法*特殊学生：允许他们完成一张网页的表格布局。
教师给予较多的个别辅导机会。
*天才学生：完成多张网页的表格布局操作。
教具教学板书内容教学过程【教学过程】教师活动学生活动方式方法一、导入：1．复习：网站制作的步骤。
2．展示：两张素材相同布局不同的网页。
3．提问：哪张较美观？较美观的那张网页是怎么布局的？1．回顾网站制作的步骤。
2．观察和比较两张素材相同布局不同的网页，并确认哪张较美观？分析布局网页页面的元素。
通过提问、引导、比较等方法，培养学生辨别表格布局网页页面的能力。
二、新授：一）分析表格结构布局1．归纳：（引出课题）较美观的一组是利用表格来布局的。
表格布局网页 教案
应用表格布局网页结构教学目标：1.了解网页设计中表格的作用。
2.掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。
3.能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。
教学重、难点：重点：1.了解表格在网页设计中的重要作用和功能。
2.掌握插入、编辑表格的方法及表格的属性设置方法。
3.掌握单元格的修饰与属性设置。
难点：表格的嵌套设计在网页设计中的应用。
教学方法：对比教学法、任务驱动法、自主探究学习法、模仿学习法。
教学过程：一、游戏引入、激发兴趣游戏：找不同教师展示两个内容相同，但结构不同的网页：一个页面图文混杂，摆放不整齐，页面也不紧凑，另一个使用表格布局，显现页面的表格边框，页面工整，文本、图片摆放对称，具有一定规律；学生活动：认真观察两个网页，找出其中的不同。
教师：你更喜欢哪一个网页布局？为什么？学生思考并回答：表格做的网页更整齐、更紧凑。
二、欣赏表格布局的网页，并尝试说出表格布局的优点。
教师展示几个由表格布局的网页（提前将网页中的表格边框加上，以突出显示），引导学生找出网页中的表格。
学生活动：观看表格布局的网页，并说出优点。
教师总结：在制作网站页面时，利用表格结构可有效控制文字、图片等对象的位置，使网页的布局既紧凑又整齐美观。
三、展示课本中表格布局的网页，分析表格的布局展示教材中的例子（biaoge.htm）的结构，分析表格的布局（如表格有几行几列，哪些行做了哪些处理）。
学生活动：观看网页，并分析表格中有几行列。
四、任务驱动、自主探究学习任务一：制作表格外边框教师：通过刚才的观察，我们知道网页中的其他表格是嵌套在一个大表格中的，下面请同学们插入外边框，并将表格的左对齐、上对齐设置为“0”。
做的过程中如果遇到问题可以参考课本，也可以参考老师提供的学案。
学生活动：自主探究完成外边框的插入和设置。
请做好的学生演示操作过程。
1.新建一个空白网页；2.单击“插入”菜单中的“表格”命令，或单击“常用”工具栏上的“表格”按钮，打开“表格”对话框，设置行、列数为1行1列，其他参数默认，为了使表格靠左上角对齐，可以设置“页面属性”,上边距为“0”像素，左边也为“0”像素。
(参考)用表格布局网页教案
第二节网页布局
一、教学目标
知识与技能
1了解常见的网页版式
2会用表格进行网页的规划和布局
过程与方法
通过欣赏、解剖典型的网页版式，引出表格是布局网页的主要手段。
通过利用表格布局设计制作网页，掌握用表格布局网页的方法。
情感态度与价值观
学会欣赏网页
二、重点和难点
重点是网页版式的设计和表格的建立。
难点是设计出好的网页布局。
三、教学过程
（注：文档可能无法思考全面，请浏览后下载，供参考。
可复制、编制，期待你的好评与关注）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《用表格布局网页》教学设计课题第五课用表格布局网页
教学目标知识目标了解表格的属性
能力目标
学会修改表格的属性；掌握运用表格布局网页的方法；学会在表格中嵌套表格。
情感目标
通过研究并制作“粪金龟”、“埋葬虫”网页，培养对大自然每个生命及物种的尊重。
教学重点
教学难点
用表格布局网页的方法。
教学准备网页背景图片、粪金龟图片。
教学过程情境创设
激发兴趣
1、对比chan.html和hudiebiaoben.html，说出对这两个网页的感
受。
2、总结表格的作用。
3、引出用表格布局整个网页。
自主探究
交流分享
一、修改表格属性
1、打开hudiebiaoben.html将表格的对齐方式改为“居中对齐”把表
格的宽改为380像素。
2、学生操作。
3、学生汇报演示。
二、利用表格布局网页
1、自学课本第23页，制作网页fenjingui.html。
2、学生探究操作。
3、学生演示汇报。
4、继续完成网页制作。
合作学习
释疑解难
1、学生提出问题。
2、教师补充问题：（1）、如何选中表格？（2）、使用表格布局网页
的优点有哪些？
3、小组内合作解决问题。
4、评比最佳途径。
实践创作
展示评价
1、任务：使用表格布局网页chan.html，让它变的更美观。
2、学生创作。
3、小组推选优秀作品。
4、全班欣赏评价优秀作品。
梳理总结
拓展延伸
本节课收获是什么？觉得自己哪个部分掌握的比较好了，哪个地方还要继续努力。