教案(在网页中使用表格)
在网页中插入表格教案
在网页中插入表格一、教学目标知识方面：1．使学生掌握在网页中生成表格的方法。
2．使学生掌握填写表格内容的方法。
3．使学生掌握调整表格的方法。
技能方面：培养学生处理表格的能力。
情感方面：培养学生自学意识。
二、教学重点在网页中插入表格的方法。
三、教学难点怎样在网页中插入表格。
四、教学方法1．演示法。
2．自学法。
3．实践法。
五、教学手段与教学媒体多媒体网络教室教学过程。
一、导入课题连接“搜狐”、“新浪”网，让学生欣赏一下这些漂亮的网页。
提问：这些漂亮的网页开始编辑的时候是怎样构图的了？是插入表格做成的。
使用frontpage打开“搜狐”，让学生看看其编辑的影子（表格）。
教师提问：插入表格后，起到哪些作用?学生讨论后，教师归纳：插入表格可以使网页中的内容条理清晰。
浏览者在访问你的网站时，可以更方便地找到感兴趣的材料。
二、新课1．建立班级档案教师演示操作步骤：（1）使用frontpage新建“我们班级大小人物介绍”网页，把光标调整到要插入表格的位置。
(2)单击菜单栏中的“表格”选项，打开它的下拉菜单；(3)单击下拉菜单中的“插入”选项，打开它的子菜单；(4)单击子菜单中的“表格”命令，打开“插入表格”对话框；(5)输入行数6和列数2；(6)在“对齐方式”文本框中选择“水平居中”；(7)单击“确定”按钮。
教师布置任务：在自己制作的网页中创建一个表格。
（注意查看和纠正学生完成任务情况）教师介绍：为了使表格更加美观、实用，对表格中的单元格还需要进行必要的调整，操作方法与Word 2000相同。
（教师演示，学生自己在下面操作）2．添砖加瓦（1）。
在表格中输入自己的“姓名”‘性别“、”电话“、”生日“、”学校“、”爱好“（教师演示，学生跟着操作）（2）在空白处复制一份空白表格，填上其他同学的个人资料（如何复制表格，清除表格内容先让学生回忆，不会做时，教师讲解并演示）。
三、课堂练习1．建立一个网页，用两种方法建立以下表格，存盘名为“我的简历“，并填充表格内容，根据实际情况设置字体。
人教版信息技术六上第5课 使用表格版面齐 教案
第五课使用表格版面齐
教学目的与要求：
1．了解表格在网页中的作用；
2．掌握插入表格的方法；
3．掌握首页命名及设置网页标题的方法。
教学重难点：
1．利用表格制作网页。
教学过程：
一．复习巩固
二．引入新课
一个好的网页不仅内容要充实，而且版面要美观。
为了一个好的视觉效果，需要精心装点自己的家园。
打开我们的网页，怎样将网页中的文字、图片摆放得更美观一些呢？
三．利用表格制作网页
插入表格的方法非常简单，但在插入表格之前，我们需要知道自己要画一个几行几列的表格。
1．新建网页并设置网页背景。
单击“新建”按钮，新建一个网页。
将适合的图片设置成网页背景2．打开“插入表格”对话框。
单击“表格”→“插入”→“表格”，弹出“插入表格”对话框。
3．输入行、列数，设置布局参数，单击“确定”按钮。
4．通过鼠标调整表格的列宽。
5．在合适的位置放入欢迎文字、全家福、欢迎词等。
四．设置网页标题
在“保存网页”对话框中设置网页标题。
1．输入文件名：index
2．单击“更改”弹出“设置网页标题”对话框
3．输入网页标题“首页”，单击“确定按钮”
{index.htm是网站常用的首页名。
这是因为，我们在浏览器中输入一个网址时，浏览器会自动寻找该地址的index.htm文件，并将其打开。
} 五．思考与练习
建立一个介绍自己的网页。
并将内容通过表格定位。
(教案)浙教版_新教材_八上第12课_《 用表格为网页布局》
1.通过分析不同的页面布局，理解布局在版面设计中的重要性。
2.利用表格规划网页布局，掌握表格的插入、设置等操作方法。
重难点
重点：用表格布局网页。
难点：灵活掌握排列表格和设置表格属性的方法。
课前准备
网页
课时安排
1课时
教师活动
学生活动
设计意图
导
入
1、展示2张素材相同布局不同的网页。
提问①：哪张比较美观？对照课本图12-1至12-4常见网站主页构成图，它属于哪种类型？
一起学习“日积月累”。
学生读读“日积月累”，查找一下自己屏幕的分辨率。
三、插入及编辑表格并完成页面布局
任务②根据自己的网站主页设计，插入表格。
个别学生演示插入表格。
任务③对表格进行拆分，调整单元格。
教师演示，并作页面布局。
学生尝试，演示。
教师个别辅导。
提高任务
完成之前操作的学生确定标题栏目和分栏目，并在主页中插入图片和文字。
部分学生完成
提高任务让一部分学生体会整体网页制作的过程。
课堂展示
展示个别学生的成果，并分析成功和欠缺的地方。
学生分析，教师总结。
培养学生重视学习结果的质量，并从中让他们获得成功的体验。激发学习网页制作的兴趣。
相关资源
2013版初中信息技术八上第三单元教参，素材。
课题
第十二课用表格为网页布局
设计ቤተ መጻሕፍቲ ባይዱ
意图
如何将文字、图像和网页各元素合理、恰当的排放在网页中，使页面易读和美观，是初学者建设网站要考虑的问题。观察一些站点，不难发现，很多网页都是使用表格来组织的。利用表格来布局页面，对于初学者来说易上手，因为它以可视化的形式呈现信息，比较直观，对页面元素定位也比较方便。学生制作的网站最终效果如何，取决于页面布局的合理性，因此，本课对于网页制作有着十分重要的作用。
《应用表格布局网页结构》教案
《应用表格布局网页结构》教案
一、教学目标
1、知识与技能：
（1）了解表格网页的作用；
（2）掌握网页中表格的制作方法，表格属性的属性设置方法；
（3）能根据网页设计内容，正确布局表格的结构；
（4）尝试根据内容需要设计表格布局网页页面。
2、过程与方法：
（1）利用对比，加深学生对表格布局网页的认识；
（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法；
（3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。
3、情感态度与价值观：
（1）通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度；
（2）培养学生注重吸取成功的经验，提高本身的信息素养。
二、教学重点
1、表格的制作及设置方法；
2、根据实际情况设计并应用表格布局网页。
三、教学难点
1、应用表格布局网页页面的意识；
2、合理制作表格，实现页面布局。
四、教学方法
教师讲解、演示、与学生任务驱动、合作学习相结合。
五、教学过程。
网页制作教学设计
网页制作教学设计（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作总结、实习报告、职业规划、职场语录、规章制度、自我介绍、心得体会、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays, such as work summaries, internship reports, career plans, workplace quotes, rules and regulations, self introductions, insights, teaching materials, complete essays, and other sample essays. If you want to learn about different sample formats and writing methods, please pay attention!网页制作教学设计网页制作教学设计（通用5篇）作为一名老师，时常要开展教学设计的准备工作，教学设计是实现教学目标的计划性和决策性活动。
用表格布局网页教学设计
用表格布局网页教学设计教学目标（一）知识与技能目标：1、理解用表格布局主页的作用。
2、掌握在网页中插入表格进行排版。
3、学生设置表格的属性。
（二）过程与方法目标：通过欣赏和借鉴别人布局的主页，取长补短，帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性，培养学生的发散思维能力。
（三）情感、态度与价值观目标:用表格排版网页解决了网页版面杂乱的问题，培养学生在遇到困难时灵活运用各种方法解决，促进其建站信心。
五、重点与难点教学重点：插入表格和更改表格属性。
教学难点：让学生灵活掌握排列表格和设置表格属性的方法。
六、教学策略与手段游戏竞赛法，对比教学法，任务驱动法，讲解演示法，自主探究学习法，网站教学法，小组合作法。
七、课前准备1、学生的准备带课本进教室2、老师的教学准备（1）精心准备课堂，做好教学设计（2）预先做好问题的设计及突发事件的应对3、教学环境的设计与布置4、教学用具的设计与布置准备好一些具有代表性的版面设计优美合理的网站主页面作为参考八、教学过程（一）、课堂导入教师：第一次给大家上课，老师想了解一下情况，不知我们班是男生信息技术水平高还是女生信息技术水平高？学生：………教师：自己说了都不算，这节课我们就来较量一下。
怎么样？先从第一个环节拼图游戏开始。
邀请两位同学（男生和女生）上来，分别选择其中一个，帮我把网页上图片的位置调整好。
一位没调整好，另一位调整好了。
先采访一下失败的原因，你觉得问题出在哪里，是不是按照Word中的方法在操作，那你觉得在Word中图片、文字可以怎么样，而在FrontPage中呢？采访另一个，发表一下你的成功感言，你觉得你为什么会成功，是网页中的什么帮了你的忙？网页里面有表格。
也说是说在网页中要给图片定位，就必须要用到表格，表格在网页中起到了一个怎么样的作用——可以定位对象，即可以为网页布局，那怎样操作大家想不想学，今天这节课我们一起来学习第十五课《用表格为网页布局》。
用表格布局网页教案
四．总结：
1．利用表格布局网页可以使整个网页的内容组织安排的更加合理、美观
2．利用表格布局网页时需要考虑的几个因素
3．指出未解决的问题
讲解
总结
强调
巡视并
解决问题
引导
听讲
回顾
记忆
学生可根据自己的具体情况选择合适的任务。
欣赏
回忆
提出问题
学习如何利用表格根据实际情况布局网页
避免学生利用表格布局自己的网页时出现问题
课题
用表格布局网页(一)
教学背景
本节课是网页制作的第五节内容，在此之前，学生已经了解了以下内容：
1．网站与网页的区别；
2．组成网页的基本元素：文字、图片、链接、动画、视频、音频、表单等；
3．网页的版面布局：一般由页眉（网站标识、导航按钮）、网页的主要内容、页脚（邮箱地址、联系电话、版权说明等）组成；
.充分考虑学生的个体差异。体现分层教学。
提出制作过程中未解决的问题，为后面的学习做铺垫
通州六中
云雪连
教学准备
幻灯片、实例网页
时间（分）
教学过程
教师活动
学生活动
设计意图
3分钟
一．新课引入：
1、展示学生上节课所做的网页，提问制作过程中发现了什么问题
2、出示实例网页，引导学生发现前后网页的不同，初步了解利用表格布局网页的作用。
提问
引导
回答
欣赏
思考
从学生们上节课出现的问题出发，意在自然而然的引入新课内容，并使知识的学习有连贯性
6.表格的嵌套方法
强调：利用表格布局网页时还需要考虑的因素
1．不能将整个网页的内容放在一个大表格中，建议使用表格的嵌套，同时单元格嵌套的次数也不宜太多
《网页中的表格》教学设计
《网页中的表格》教学设计一、教学设计部分本课的主要内容与地位网页中，常用表格来对网页中其它元素定位，将复杂的元素有条理的分布到网页各个位置──网页布局。
另外，当我们把表格的宽度定为固定像素值后，还能保证网页布局不会随浏览器窗口的大小变化而变化，当我们在网页中输入文字的时候，就可以让文字顶满格后自动换行，方便我们对文字的编辑。
由此可见，网页中只有利用表格进行布局，才能称得上真正意义上的网页设计。
本课与前后内容的关系利用表格布局网页，将上一节设计的网站首页中的各种素材进行合理的分布，是对学生进行网页设计技能上的提升；利用表格布局网页也是整个网站设计中一个非常重要技术手段，应用非常广泛。
知识目标/技能目标知识目标理解表格在网页设计中的重要作用。
技能目标⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
过程与方法目标能够合理利用表格对网页进行布局和规划。
情感态度与价值观目标了解学校概貌，发现校园之美，理解规矩与方圆的关系，养成良好的生活和学习习惯。
本课的重难点重点和难点：掌握利用表格对网页进行布局的方法本课的课时分配建议一课时教法建议由于关于表格的基本操作（插入表格、调整表格：调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列）在Word中已经有较详细的操作方法。
在本课教学过程中，教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页，让网页中的素材合理的在网页上分布。
另外，网页模板是提高建站效率的有效手段，教师要注意引导学生对网页模板的使用。
学法建议注意观察和借鉴样板网站中表格的运用情况，刚开始使用表格设计网页时可将其边框粗细的值设为1，以观察调整表格的过程，从而掌握表格调整的技巧。
本课教学资源索引1．第二课的半成品网页：Index．htm、Parents．htm自评、互评、师评要注意的问题学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
学生创建一个新页面，尝试完成教师布置的任务，并尝试拓Байду номын сангаас练习。
学生跟随教师的步骤演示，插入表格。
一些学生已经能够在页面中插入表格。
让所有学生都学会在网页中插入表格。
2.任务二：完善表格（编辑表格、插入标题、设置单元格属性。）
教师在FrontPage软件中演示完善表格的相应步骤。
教
学
环
节
设
计
4.任务四：结合所学知识，自行发挥，根据网站需要，在网页中添加表格，完善小组作品。
让学生参照课本，及教师课件亲自实践操作，灵活熟悉地在页面中添加表格。在之前小组作品的基础上自由发挥，根据网站需要，在网页中添加表格，保存文档。请完成的小组进行的作品的展示，请小组代表介绍设计的思路、实现步骤等，教师给予鼓励，并进行相应的评价，指出所存在的问题，或给出改进的建议。
高中第三册《信息技术》教案
课题
在网页中使用表格
课型
新授课
授课地点
机房
课时
1课时
授课班级
高二（1）班
教学内容分析
“网页文字的修饰”是广西科学技术出版社高中第三册《信息技术》的第五章第二节的内容。在前面四章里，已经介绍了网页制作的一些基本操作，对网页的设计和简单的构造有了一定的了解。本节的主要内容是在网页中使用表格，对网页的数据和信息用表格进行集合，使页面更加简洁、美观，是本章的重点。
学生打开
FrontPage2003软件。
回忆Word中学过的插入表格的学习，比较两款软件的相似之处。
通过观察比较，学生可以利用Word中所学过的插入表格的方法进行页面表格的插入。
教
学
环
节
设
计
教师结合Word中插入表格的方法引导学生尝试将课本P39页“兴趣小组活动安排表”插入到页面中。
教师查看学生完成情况，并进行小结。（通过观察，我们的同学们都表现得很好，大多数同学已经学会了结合以前我们Word中插入表格的方法来在页面中插入表格，那么接下来我们就来正式学习如何在网页中插入相应的表格。）
在教师的引导下，学生观察，小组讨论、回答。（使用表格可以使内容表达更有条理、更清晰等好处）
学生构思在自己之前的作品中如何例用表格达到内容层次清晰的效果。
通过展示作品，使学生对教学成果有一个感性认识。
激发学生对本节课的学习欲望和兴趣。
二、教学过程：
1.任务一：在网页中插入一个表格。
教师利用课件展示，引导学生回忆过去在Word中是如何插入表格的，通过比较两款软件的相似点，过渡到在网页中插入表格的学习。
同时，让学生明确具体的学习任务，让学生结合任务学会自主思考，合作解决。使得课堂的学习活动是以学生为中心，学生在完成任务的过程中构建自己的知识与技能，既培养了学生的学习兴趣，让学生掌握科学的学习方法，提高自主学习能力，也让学生在学习中体会到成功的喜悦与学习的乐趣，增强成就感。
为紧跟时代步伐，本人将课本的FrontPage2000软件更改为FrontPage2003。.
教学难点：综合运用文字及表格，合理进行网页图文及表格的综合使用。
教学方法
任务驱动法、讲授法、演示法、练习法等
教学手段
机房/多媒体网络教室/投影仪
教学过程：
教
学
环
节
设
计
教学内容
教师行为
学生行为
预期效果与备注
一、导入课题：
从学生最为熟悉的“课程表”导入，说明运用表格的好处（方便、直观）。接着教师通过多媒体课件向学生展示一些运用了表格的网页，让学生思考并回答这些表格在网页设计中分别起到了怎样的作用。
教师小结并说明表格在页面排版中的好处。引出新课内容，激发学生对本节课的学习欲望和兴趣。
师：“通过生活中用到的表格以及之前在Word中对表格的学习，同学们都能够认识到利用表格的好处：表格能够将许多关联的数字和信息综合起来，使人能够一目了然，便于分析、比较、综合和使用。那么，今天我们就来学习在网页中加入表格，将表格的好处运用到我们的网站中去”。
教师提示学生，可以右键—单元格属性，改变单元格背景图片；以及可以将“表格属性”中的边框粗细设置为0，点击预览，观察效果。让学生思考，进行拓展练习。
学生自由布局，独立按要求完成任务。
学生在完成任务的基础上进行拓展练习。
学生巩固知识的同时，顺利掌握在页面中实现文字图片与表格相结合。
培养学生自主学习的能力。
引导学生尝试自主创新：修改单元格边框颜色、背景颜色等。
学生跟随教师的步骤演示，参考课本P40页步骤，完善表格，并进行自由发挥。
使学生在掌握课本知识以外学会自我思考，自主创新。
3.任务三：给网页增加内容，实现文字图片与表格相结合。
教师事先准备好文字和图片素材，引导学生利用之前学过的知识，参照课本的操作步骤将素材添加到页面的合理位置中，实现图文及表格相结合。
学生结合本节课所学内容，在原有小组网站的基础上根据网站需要添加表格，完善小组的网站。任务完成后，完成的小组展示的网站更新情况，并表示添加表格后网页具有的好处等。
学生学会自主思考，团队合作，将所学知识用到现实网页制作中，达到教学要求，增强创新能力，审美能力。
5.课堂小结
“经过刚刚的学习和练习，请三位同学来说一下自己在这堂课学到了什么？”
教学目标
一、知识、技能目标：
掌握在网页中使用表格的操作方法。
二、过程、方法目标：
学生能够结合所学知识，自行发挥，在网页中根据需要添加表格，完善小组网站作品。
三、情感与态度目标：
使学生学会自主思考，培养学生团队合作精神，增强学生动手能力。
教学重点
与难点
教学重点：网页中创建表格、编辑表格、设置单元格属性。
听完同学回答，教师给予鼓励，并进行总结：“通过本节课的学习，大家都学会了在网页中使用表格，也感受到了表格给我们的网页带来的好处。表格对于网页制作来说，是必不可少的，它不仅可以让数据信息更容易被理解，而且还可以使文字和图形有机地排列成整体，使网页具有分栏的效果，从而使整个页面显得更有层次，更富有美感。”
教学对象分析
高二学生，在之前的学习中已经接触和使用了Office软件，对Office软件有了一定的了解，对其操作较为熟悉。FrontPage软件与Word同属于Office软件，两者的操作具有相似之处，因此学生对FrontPage软件操作界面不会陌生，容易引导。
教学策略
本节课主要采用学生自主探究、小组合作交流等方法来完成教学目标。教学过程在学生已有的知识基础上，采用启发、引导的方式，正确引导学生运行旧知识去解决新问题。
学生思考回顾，总结本节课所学到的知识。
“学会了在网页中使用表格”
“学会了利用表格进行页面结构的优化”
……
跟随教师思路，进行总结。
学生可以复习巩固所学知识。
6.布置作业
结合教师提示，利用表格对自己的网页作品进一步美化。预习下节内容，各小组收集小组网站的相关素材。