《网页中的表格》教学设计
第三课网页中的表格
5、在第五行单元格内输入对网站介绍的文字。
6、在第六行单元格内插入一条“水平线”并设置其属性。
7、删除第七行。
布局表格和单元格的使用
请全体同学做“一日护蛋”的实践活动，体 会妈妈十月怀胎的辛苦：在上学时带一个生鸡蛋， 除上体育课、文体活动课以外，必须全天随身携 带，不准打破。放学前交流“护蛋”体验，设计 新网页“Feeling.htm”, 发表你的感想。
插入表格的步骤是 表格→插入→表格 在弹出的“插入表格”对话框中进行设 置
以像素为单位或按占浏览 器窗口宽度的百分比来定 义表格的宽度。
单元格与单元格之间的 距离，默认为“2” 表格边框的大小，默认是 “1”。但为页面设计需要 ，我们需要关闭表格边框 ，即设置为“0”
设置表格外边框的颜色，它 能配合暗边框作出阴影的效 果来
设置表格内边框的颜色，它 能配合亮边框作出阴影的效 果来
任务二：启动frontpage，在窗口中分别插入4 个表格，依次为：2×3、2×2、1×4、2×1， 单元格衬距=3，单元格间距=3，指定宽度 =780像素，边框粗细=0 。
由于网页中表格内容在完全下 载后才能正常显示，所以在用表格 规划页面时，应使用多个表格的组 合。这样浏览者就会看到陆续打开 的页面，不至于因长时间看不到内 容而终止对你的网站的访问。
表格的调整
1、行高和列宽的调整
2、单元格的合并和拆分
3、插入或删除表格中的行或列
4、平均分布行和列
任务三：
1、将表格第一行的三个单元格合并为一个单元格，并插入一个 banner图片。 2、将表格第二行的第一个单元格拆分为四个单元格。分别输入 “首页”“我的父母”“我的学校”“我就是我”“左邻右舍”” 雁过留声”。 3、在第三行第二个单元格中输入“欢迎光临”，第四行第二个单 元格中输入“我的情感小屋”。
初中信息技术_网页中的表格教学设计学情分析教材分析课后反思
网页中的表格本课面向初二学生，网站制作是学生感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，因此学生学习的积极性非常高，但是学生缺乏对网页整体的考虑和布局，这就使得网页制作存在盲目性，及影响网页整体的美观性、美观性，也不利于学生规划意识的培养，这就需要教师抓住学生兴趣的同时引导学生成功对网页进行规划和制作。
与此同时，学生在之前学习中已经解除和使用过office软件，对其操作较为熟悉，frontpage软件与word同属于office软件，在表格的相关操作具有许多相似之处，因此学生对表格的相关操作不会一头雾水，比较容易引导。
比较难培养的是学生的规划意识，这里需要多花些心思进行设计让学生能够印象深刻、灵活掌握。
课堂导入环节，以清明小长假中学生安排了哪些活动为话题简单引入，学生很感兴趣，较好地调动起学生的情绪，然后用孝心少年高雨欣的事迹对比，引导学生感受和学习来自视频主人翁身上的闪光点，激发学生帮助他人的热情，树立学生利用自己所学知识技能去解决在实际生活中遇到的问题的这种意识，进而导入课题。
自主学习环节，一是学生能通过图例和引导加深表格的作用的理解并能用自己的语言表达出来，学生会理解这个表格不只是为了单纯完成插入一个表格这样的任务才要去学习，而是为了更好的对网页进行布局，为了让网页更美观更有条理。
二是结合word中插入表格的方法启发引导学生找到相通的地方和存在差异的地方，学生更容易在已有的认知结构中去接受新的内容，在学习中获得自信。
刻意制造了一个认知冲突，插入一个边框粗细为0的表格并预览，学生大胆猜想和验证不显示表格的原因。
把问题抛给了学生，让他们去想，亲自去验证，因此从中获得肯定自我，解决问题的自信和快乐感。
小组合作部分，划分为3个任务，把表格调整的主要技能目标分别放到3个任务中去实现，提供了导学案、微课的方式辅助同学们合作，并及时发现完成的快的学生作为小老师。
学生以兵带兵，提高整体的速度和水平。
初中信息技术_网页中的表格教学课件设计
键，然后选择菜单栏内“表格”菜单 中的“拆分单元格”命令。
1、网页中表格的作用。
2、网页中表格的插入。
（1）拆分、合并单元格
3、表格的调整。 （2）行高、列宽的调整
（3）增加行或列
4、布局表格和单元格的使用。
祝愿同学们从这节课后，无 论在学习还是在生活中，都能发 扬我们的“表格”精神，让我们 的学习和生活变的井然有序。更 重要的是要践行社会主义核心价 值观，学习徐砺寒同学做一个诚 实守信的人。
“诚信学生——徐砺寒”的行为温暖人 心
1、我们要了解表格在网页设计 中的重要作用。
2、要能够在网页中插入表格， 并将我们插入的表格调整的整齐有 序。
3、在我们生活中要去发扬“表 格”精神，使我们的学习和生活变 的井然有序。
1、直接在要拆分的单元格上单击鼠 标右
《在网页中插入表格》 学历案
《在网页中插入表格》学历案在当今数字化的时代，网页设计与开发成为了一项重要的技能。
而在网页设计中，表格是一种常用且实用的元素，它能够以清晰、规整的方式展示数据和信息。
接下来，让我们深入探讨如何在网页中插入表格。
一、认识表格表格由行和列组成，行与列的交叉处形成单元格。
通过合理规划表格的行数和列数，以及在单元格中填充内容，我们可以实现对信息的有效组织和展示。
表格的作用不容小觑。
它可以用于展示商品列表、数据对比、日程安排等各种信息。
例如，在一个电商网站中，商品的名称、价格、规格等信息可以通过表格清晰呈现，方便用户浏览和比较。
二、准备工作在开始插入表格之前，我们需要一些准备工作。
首先，要明确表格的用途和所需展示的内容，这将决定表格的结构和样式。
其次，选择合适的网页编辑工具，如常见的 HTML 编辑器（如 Dreamweaver、Visual Studio Code 等）或在线网页制作平台（如 Wix、Squarespace 等）。
三、使用 HTML 插入表格HTML 是网页设计的基础语言，通过特定的标签和属性来实现表格的插入。
以下是一个简单的 HTML 表格代码示例：｀｀｀html＜！DOCTYPE html>＜html>＜body>＜table border=＂1"＞＜tr>＜th>姓名<／th>＜th>年龄<／th>＜th>职业<／th>＜／tr>＜tr>＜td>张三<／td>＜td>25<／td>＜td>教师<／td>＜／tr>＜tr>＜td>李四<／td>＜td>30<／td>＜td>工程师<／td>＜／tr>＜／table>＜／body>＜／html>｀｀｀在上述代码中，｀＜table>｀标签用于定义表格，｀border` 属性用于设置表格边框的宽度。
初中信息技术_网页中的表格教学设计学情分析教材分析课后反思
第3课网页中的表格教学内容及设计理念分析：《网页中的表格》是青岛版《初中信息技术》八年级级上册的内容，本节课主要学习利用frontpage软件制作网站时用表格来规划设计一个网页，在设计本课时，着重体现以下思想：1、倡导自主探究，使学生主动、愉快地学习。
并将社会主义核心价值观，溶入到课堂教学中。
2、强化合作交流，使学生共同成长。
注重小组评价的利用。
3、注重展示评价，让学生体验学习的快乐。
教学目标：知识目标：理解表格在网页设计中的重要作用。
技能目标：学会使用表格布局网页；灵活掌握表格调整的方法。
情感目标：了解学校概貌，发现校园之美；养成良好的生活和学习惯。
教学重点：表格的调整教学难点：表格的调整教学资源：硬件资源：多媒体网络教室；软件资源：frontpage软件，教学广播系统。
板书设计：网页中的表格一、网页中表格的作用二、在网页中插入表格三、表格的调整（1）行高、列宽的调整、平均分布各行列（2）单元格的合并和拆分（3）插入或删除行或列四、布局表格和单元格的使用教学过程：一、创设情境，激发兴趣（5分钟）师：上课……师：首先老师来做个调查统计，同学们中今天早上骑电动车或自行车来上学的人数有多少呢?生：举手。
师：好，这么多的同学呢！相信在平时也有许多的同学是通过骑电动车或者自行车的方式来上学的，哪在你平时来上学的路上有没有发生什么特别的事情呢，让你难忘呢?好，很多同学都在回忆了，我相信每位同学都有自己的故事。
正好老师这里也有一位平时骑自行车上学的同学，咱们来看看在他在上学路上发生了一件什么样的事情发生呢。
*课件播放徐砺寒的事迹视频好，视频看完了，通过这段视频，我们可以看到这位徐励寒同学在哪个方面做的非常好啊?生：诚实，诚信师：对，诚信，用视频中的话说就是——实诚。
这也是我们社会主义核心价值观的一个重要要求。
那我们应不应该向他学习这一优良的品质呢?生：应该！师：好，是不是我们全体同学，全社会的人都应该向他学习呢?生：应该！师：但这件事咱们班的同学知道了，哪其它班、其它学校的同学可能还不知道这件事情，我们怎么让哪些同学来了解这件事情，或者说通过什么样的途径把这位同学的事迹宣传出去，让更多的同学向他学习呢?生：微信朋友圈等。
第七章 网页中的表格
在“表格”菜单中选择插入选项，输入相应的行数和列数，对齐方式选择“水平居中”。除了这种方法，我们还可以手工绘制表格。
二、调整表格宽度和单元格宽度
首先选中表格，单击鼠标右键，选择“表格属性”，
补充材料
(或教后感)
高新一中教师备课用纸(续页)
第2页
教材分析及教学过程
可以用“百分比”和“像素”来表示宽度，例如在数据框中输入50，表格的宽度占屏幕宽度的50%。还有种最简单的方法，像在Word中直接调整宽度和高度。
教学方法：
1.案例法、讲授法。
教学场所：在计算机房中完成教学。
教材分析及教学过程
第一课时网页中的表格
导课：
大家上节课学习了如何创建网站，并且我们看到了著名“新浪”网站设计者设计的新浪主页，版面布局用表格来完成的，因此，今天我们首先来学习与表格有关的知识。
新课：
请同学们回忆一下在Word中页
学科:信息技术授课班级:初二级B、C、D组任课教师:党斌
课题:第七章网页中的表格
授课时间:1课时授课时间:第9周
教学目的：
1.使学生掌握如何在网页中添加表格；
2.使学生掌握表格属性的设置。
教学要求：
1.学生熟练掌握表格属性的设置。
教学重点:
1.设置表格的边框。
教学难点:
1.表格和单元格背景颜色的优先级。
如果要设置单元格的宽度，只需选择“单元格属性”，在指定宽度中输入具体的值，和表格属性一样，但是最简单的方法还是直接调整单元格的高和宽。
三、设置表格和单元格的背景
我们首先改变表格属性中的背景，用一种颜色填充，然后我们在改变单元格的背景，你们发现谁的属性级别高呢？如果我们不想改变整个表格的属性，只须改变单元格的背景。
网页中表格教案.doc
第三课在网页中插入表格一、教材分析网页制作中用表格来规划整个网页的布局，是我们设计制作网页常用的手法。
所以学会在网页中插入表格是网页制作中的一个重要的部分。
本课的主要内容包括在网页中插入表格，表格的编辑和修饰，在表格中插入文字、图片等。
通过对本课的学习，让学生了解用表格来规划网页会使网页结构显得清晰明快。
在网页制作中，引导学生用表格来规划网页，为以后网页的开发设计打下一个良好的基础。
重点：学会使用多种方法在FrontPage中插入表格。
难点：FrontPage表格的美化。
二、教学目标知识与技能：学会在FrontPage中插入表格及美化表格的方法，培养学生运用表格设计来美化网页的能力。
过程与方法：采用研究体验式和协作式学习方法，培养学生对计算机知识的迁移能力和综合运用知识的能力。
情感态度、价值观：通过网页制作，培养学生良好的审美情趣。
使学生逐步形成用表格来规划网页布局的网页制作习惯，为今后网页的开发设计打下一个良好的基础。
三、教学准备：硬件环境：使用多媒体网络教室，配备宽带网络。
软件坏境：WinXP操作系统、FrontPage2000以上版本。
素材资源：1、在教师机或学生机上为学生建立相关的素材资源文件夹。
2、教师为学生准备上课演示用的教师制作的网页E我打算出示一组关于学生作文的中学生作文网。
3、为学生准备上课演示用的教师制作的网页2--W感小屋网页，通过在情感小屋的首页内插入表格，通过进一步用表格规划情感小屋首页的网页布局来学习网页中表格的设计与制作。
五、教学流程出示课前准备的含有表格的网页1中学生作文网，（一）创设情境，确定问题，布置任务师：当你漫步在环境优雅的校园时，是否考虑过校园里的林荫道和绿化带的作用？生：起着绿化与方便交通的作用师：其实还有着非常重要的作用，将行政区、办公区、生活区、活动区分成各自独立的区域，使整个校园错落有致，美丽如画，同样，如何将网页布置的美观整齐，结构清晰呢我们运用表格来布局与美化网页？任务一：在Frontpage中有几种创建表格的方法？它们各有什么优点？方法一：“常用”工具栏“插入表格”命令。
初中信息技术《网页中的表格(1)》教学课件设计
“作 文 课”
• 语文课的作文：
由文字组成，经过 人的思想考虑，通过 语言组织来表达一个 主题意义的文体。
• 信息课的作文：
由文字和图片组成 ，经过编辑，通过语 言、图片和超链接的 视觉效果更丰富直观 的表达和展现主题。
一、制作 “作文纸”
新建网页并设置背景色
1 、打开“ Frontpage” ---- 单击常用工具栏中的第一个按 钮 新建普通网页
2 、单击“格式”菜单 ---- 选择“背景”，在背景对话框中选择“ 其它颜表格（ 6 行 2 列）并设置表格属性
三、为格子“添加特色”
合并与拆分单元格
第一、第六行分别合并单元格； 第三、四、五行右侧三个单元格合并； 第二行拆分成四个单元格；第五行左侧拆分成四个单元格 。
四、开始选题目“写作文”啦 ~
在表格中插入相关图片及文字
思考
怎样在“预览”时不显示表格边框？
将“表格边框“粗细设置为 0
济微中学第二届网页设计大 赛
胜者为王 等你来战
报名时间： 5 月 1 日 -5 月 4 日 参赛方式：个人或团队形式（不超过 3 人）报名参赛。 作品要求：作品内容健康向上，符合本次比赛作品征集要 求 。
任何“神通”的修炼都需要 强烈的意愿、持久的寻找、刻苦的训练、谦虚的询问和追索。
初中教案(网页中的表格)
.
教学目标
一、知识、技能目标：
听完同学回答，教师给予鼓励，并进行总结：“通过本节课的学习，大家都学会了在网页中使用表格，也感受到了表格给我们的网页带来的好处。表格对于网页制作来说，是必不可少的，它不仅可以让数据信息更容易被理解，而且还可以使文字和图形有机地排列成整体，使网页具有分栏的效果，从而使整个页面显得更有层次，更富有美感。”
教学对象分析
本课面向初二学生，网站制作是学生感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，因此学习的积极性也非常高，教师应该抓住学生的这种热情逐步引导学生成功地制作自己的网站。在之前的学习中已经接触和使用了Office软件，对Office软件有了一定的了解，对其操作较为熟悉。FrontPage软件与Word同属于Office软件，两者的操作具有相似之处，因此学生对FrontPage软件操作界面不会陌生，对在FrontPage软件中插入表格也不会一头雾水，容易引导。
学生思考回顾，总结本节课所学到的知识。
“学会了在网页中使用表格”
“学会了利用表格进行页面结构的优化”
……
跟随教师思路，进行总结。
学生可以复习巩固所学知识。
6.布置作业
结合教师提示，利用表格对自己的网页作品进一步美化。预习下节内容，各小组收集小组网站的相关素材。
机房/多媒体网络教室/投影仪
教学过程：
教
学
环
节
设
计
初中信息技术《网页中的表格》教案
第一单元第三课网页中的表格教学设计一、教学目标1.知识、技能目标：知识目标：理解表格在网页设计中的重要作用。
技能目标：⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
2.过程与方法目标：能够合理利用表格对网页进行布局和规划。
3.情感态度与价值观目标：了解学校概貌，发现校园之美，理解规矩与方圆的关系，养成良好的生活和学习习惯。
本课的重难点：重点和难点：掌握利用表格对网页进行布局的方法课时安排：一课时教学过程：一、回顾知识通过打开程序、站点、打开网页、调整图片等操作，复习前两课的内容。
二、导入新课让同学们欣赏一些有特色的个人网站，引导学生注意网页的设置和布局，引导出本节课的学习内容──网页中的表格。
方法：观察，讨论、思考、回答。
三、自主学习让学生通过阅读和动手操作的方式，完成以下任务：任务一：插入表格：师：如果我们想要在网页中使用表格必须先插入表格，操作方法与Word差不多，自己尝试着在一个新网页中插入不同设置的表格，并填写表1-3-1。
学生参照图1-3-4在主页文件Index．htm中插入表格：教师随时观察指导。
任务二：表格的调整：师：此部分内容与Word中的操作也是非常相似，根据教材内容分组完成表格的调整。
调整结束后将第二课中已经输入的内容移动到表格中。
对于学生相对熟悉的知识点，完全放手给学生探究完成。
尝试通过不同途径解决同一问题，提高学习效率。
三、实践练习让学生参照课本习题要求，完成练一练部分，让学生练习刚学会的命令。
分组预览网页，看布局的效果。
四、合作探究分组讨论教材中布局表格命令的用法，使用布局表格命令重新布局网页。
让学生演示后，教师点拨需要注意的问题。
分组展示操作步骤及预览网页。
审视自己的网页与其他小组的区别，查找自己的不足。
五、大显身手仿照第一课中的三个页面，进行布局设计，插入相关素材，完成网页的设计。
每小组选择最优秀的作品，进行展示评比，选出最优秀的作品。
六、教学总结课堂小结本节课的学习内容。
初中信息技术《网页中的表格》教案
初中信息技术《网页中的表格》教案（学习版）编制人：__________________审核人：__________________审批人：__________________编制学校：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的学习资料，如面试指导、笔试指导、题库大全、教案大全、教育知识、备考知识、素质知识、法律知识、心理知识、其他资料等等，想了解不同资料格式和写法，敬请关注!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!In addition, this store provides you with various types of learning materials, such as interview guidance, written test guidance, question bank encyclopedia, teaching plan encyclopedia, educational knowledge, test preparation knowledge, quality knowledge, legal knowledge, psychological knowledge, and other materials. If you want to know different data formats and writing methods, please pay attention!初中信息技术《网页中的表格》教案一、教学目标1.学生能够独立操作调整表格、布局表格和单元格的使用。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页中的表格》教学设计
一、教学设计部分
本课的主要内容与地位
网页中，常用表格来对网页中其它元素定位，将复杂的元素有条理的分布到网页各个位置──网页布局。
另外，当我们把表格的宽度定为固定像素值后，还能保证网页布局不会随浏览器窗口的大小变化而变化，当我们在网页中输入文字的时候，就可以让文字顶满格后自动换行，方便我们对文字的编辑。
由此可见，网页中只有利用表格进行布局，才能称得上真正意义上的网页设计。
本课与前后内容的关系
利用表格布局网页，将上一节设计的网站首页中的各种素材进行合理的分布，是对学生进行网页设计技能上的提升；利用表格布局网页也是整个网站设计中一个非常重要技术手段，应用非常广泛。
知识目标/技能目标
知识目标
理解表格在网页设计中的重要作用。
技能目标
⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
过程与方法目标
能够合理利用表格对网页进行布局和规划。
情感态度与价值观目标
了解学校概貌，发现校园之美，理解规矩与方圆的关系，养成良好的生活和学习习惯。
本课的重难点
重点和难点：掌握利用表格对网页进行布局的方法
本课的课时分配建议
一课时
教法建议
由于关于表格的基本操作（插入表格、调整表格：调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列）在Word中已经有较详细的操作方法。
在本课教学过程中，教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页，让网页中的素材合理的在网页上分布。
另外，网页模板是提高建站效率的有效手段，教师要注意引导学生对网页模板的使用。
学法建议
注意观察和借鉴样板网站中表格的运用情况，刚开始使用表格设计网页时可将其边框粗细的值设为1，以观察调整表格的过程，从而掌握表格调整的技巧。
本课教学资源索引
1．第二课的半成品网页：Index．htm、Parents．htm
自评、互评、师评要注意的问题
学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
本节课的主要内容与Word中的表格操作有很多相似之处，但又有很大的不同。
所以，教师应让学生通过实践理解表格在Word和网页设计中的不同作用。
网页模板是一个新知识点，只有通过实际操作才能体会它的作用，所以安排学生使用模板设计新网页的环节。
二、补充资料部分
学生用学件
网站版面的布局设计
版面设计也可以理解为布局设计，就是我们在浏览器上看到的一个完整的页面。
如何将所有要体现的内容有机地整合和分布，达到某种视觉效果，这就叫做版面布局设计。
我们将如何做好网站的版面设计呢？首先我认为是“过程注定了结果”，重视你所做的每一步并把它尽量做到最好，相信结果也不会偏离轨道。
下面先让我们来了解一些版面设计的步骤。
一、构思（结构的搭建）
在构思之前我们总需要进行网站的需求分析、定位和受众群等很多方面的事情。
如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解需求的情况下，盲目地去把页面设计达到某种视觉效果是很难的。
当我们真正确定需求后，便可以尽可能地发挥自己的想象力，将自己想到的“构思”画上去（用笔和纸或者软件都可以，根据自己的习惯而定）。
这是属于一个构思的过程，不讲究
细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。
尽可能多构思一些，以便选择一个最适合的进行搭建。
二、粗略布局
这个阶段是个试用期，我们只要把重要的元素和网页结构相结合，看看框架是否合理，如果不适合则进行相应的修改。
三、完善布局
当我们已经有一个很好的框架时，我们需要根据网站设计时的构思将其所需的内容有条理地融入于整个的框架中。
我们需要通过对图片的处理、空间的合理利用进行编排。
下面是广告大师樊志育在《广告制作》中所提到的，希望对大家在布局的理论上面有所帮助。
1．正常平衡──亦称“匀称”。
多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。
2．异常平衡──即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
3．对比──所谓对比，不仅利用色彩、色调等技巧来做表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
4．凝视──所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
5．空白──空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
6．尽量用图片解说──此法对不能用语言说服、或用语言无法表达的情感，特别有效。
图片解说的内容，可以传达给浏览者的更多的心理因素。
这个阶段主要是针对些细节的更改和优化了，比如说一些颜色饱和度、一些字体、间距的调整等。