《用表格布局网页》教学设计
教案：使用表格布局网页
教学内容：项目五表格的应用
任务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、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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、全班欣赏评价优秀作品。
梳理总结
拓展延伸
本节课收获是什么？觉得自己哪个部分掌握的比较好了，哪个地方还要继续努力。