《网页中的表格》教案设计
《网页设计-表格》教案
《网页设计-表格》教案（任务驱动）科目网页制作普及选修班课题表格的设置与运用授课时间11月9日课时2课时课型新授教学目标知识目标表格的运用能力目标能够快速用表格布局网页，了解表格属性，懂得复制、粘贴表格、删除表格和表格内容、增加删除表格的行和列情感目标培养学生集中注意力能力，激发学生学习网页制作的浓厚兴趣。
重点粘贴表格、删除表格和表格内容、增加删除表格的行和列难点删除表格内容，增加和删除表格的行和列教学方法通过情景激趣，发现问题，解决问题，布置任务等方法，给学生创造自主探究学习的平台，让学生由被动变主动，激发学生对学习网页制作的兴趣。
教学模式教学模式采用了“读、讲、练、思、结”的方法，让学生在预习当中，找出问题，并思考问题，师生共同解决问题，结合这些问题，做一些练习，懂得运用知识。
教学程序及内容教学过程师生活动复习上节课的内容引入新课内容讲解过程上节课学习表格中，我们已经学习了中表格的一些内容，下面我们来复习一下上节课学习的内容：打开软件：“我们学习了插入表格”、讲解表格的属性中包含行、列、单元格、表格标题、在表格中插入内容、缩放表格、合并和拆分单元格。
这节课我们来讲解一下表格的另一些属性内容，学习表格各元素的属性、复制、粘贴表格内容、删除表格和表格内容、增加和删除表格的行和列一、表格各元素的属性表格属性中的行列设置、宽、填充、间距是相邻单元格之间的像素、对齐是相对于一段落其他元素的显示位置、下面是新内容：“清除列宽”按钮，复制一个新的表格清除列宽之后，我们发现表格中的宽度显示消失了，这时根据表格中的内容自动调整宽度。
“清除行高”按钮是从表格中删除所有明确指定的行宽或行高的数值。
学习新知识“将表格宽度转换成像素”按钮：讲表格每列宽度的单位转换成像素，还可以将表格宽度单位转换成像素。
二、复制、粘贴表格●复制单元格选定表格的一个或多个单元格后，选择“编辑>拷贝”命令或“右键单击>拷贝”按<Ctrl+C>快捷键，将选择的内容复制到剪切板中。
五年级下信息技术教案-在网页中插入表格_西师大版(三起)
第3单元表格与超级链接
第1课在网页中插入表格
教学时间
1课时
活动任务
1、学会在网页中插入表格
2、学会修改表格属性
教学目标
1．使学生掌握在网页中生成表格的方法。
2．使学生掌握填写表格内容的方法。
3．使学生掌握调整表格的方法。
重点
怎样在网页中插入表格
难点
更改表格的属性
教学方法
任务驱动法、自主探索学习法、教师演示、互助协作学习法
（学生自主完成）
4、更改表格的属性
提问：1、怎样把表格改为7行4列（即增加两行两列）
2、怎样为表格设置边框
3、怎样设置背景为黄色
解答：通过“表格属性”对话框来更改表格的样式。
步骤：
a)在表格上单击鼠标右键
b)在弹出的快捷菜单中选择“表格属性”
c)打开“表格属性”对话框，进行设置。
（学生自主完成）
试一试：
你能把表格背景改为图片吗？能让表格没有边框吗？
5、保存网页
设置号以后要将网页保存起来以便下节课使用，保存的位置为“我的文档”，文件名为show.htm
6、课堂小结
师生共同小节本课所学内容，强调：①在网页中使用表格，可以使网页内容更加清晰，提高网页的浏览效率；②在表格中输入内容与Word相同。
本课反思或总结：
步骤：
a)单击“表格”菜单
b)单击“插入”命令
c)单击“表格”选如P18
d)在弹出的“插入表格”对话框中，输入“行数”和“列数”
e)单击确定如P19
f)这样一个表格就做好了。
（学生操作练习）
3、在表格中输入数据
完成了表格的创建以后，接下来我们就该在表格中添加上内容了。如：P19
《网页中的表格》教学设计
《网页中的表格》教学设计一、教学设计部分本课的主要内容与地位网页中，常用表格来对网页中其它元素定位，将复杂的元素有条理的分布到网页各个位置──网页布局。
另外，当我们把表格的宽度定为固定像素值后，还能保证网页布局不会随浏览器窗口的大小变化而变化，当我们在网页中输入文字的时候，就可以让文字顶满格后自动换行，方便我们对文字的编辑。
由此可见，网页中只有利用表格进行布局，才能称得上真正意义上的网页设计。
本课与前后内容的关系利用表格布局网页，将上一节设计的网站首页中的各种素材进行合理的分布，是对学生进行网页设计技能上的提升；利用表格布局网页也是整个网站设计中一个非常重要技术手段，应用非常广泛。
知识目标/技能目标知识目标理解表格在网页设计中的重要作用。
技能目标⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
过程与方法目标能够合理利用表格对网页进行布局和规划。
情感态度与价值观目标了解学校概貌，发现校园之美，理解规矩与方圆的关系，养成良好的生活和学习习惯。
本课的重难点重点和难点：掌握利用表格对网页进行布局的方法本课的课时分配建议一课时教法建议由于关于表格的基本操作（插入表格、调整表格：调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列）在Word中已经有较详细的操作方法。
在本课教学过程中，教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页，让网页中的素材合理的在网页上分布。
另外，网页模板是提高建站效率的有效手段，教师要注意引导学生对网页模板的使用。
学法建议注意观察和借鉴样板网站中表格的运用情况，刚开始使用表格设计网页时可将其边框粗细的值设为1，以观察调整表格的过程，从而掌握表格调整的技巧。
本课教学资源索引1．第二课的半成品网页：Index．htm、Parents．htm自评、互评、师评要注意的问题学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
网页中的表格
《网页中的表格》课堂实录444灵石县第一职业高级中学《网页中的表格》课堂实录我出示一节《网页中的表格》为例。
我们在备课阶段先来看下本节课的主要内容和地位：网页中，常用表格来对网页中其它元素定位，将复杂的元素有条理的分布到网页各个位置──网页布局。
另外，当我们把表格的宽度定为固定像素值后，还能保证网页布局不会随浏览器窗口的大小变化而变化，当我们在网页中输入文字的时候，就可以让文字顶满格后自动换行，方便我们对文字的编辑。
由此可见，网页中只有利用表格进行布局，才能称得上真正意义上的网页设计。
我们再来看一下本课与前后内容的关系利用表格布局网页，将上一节设计的网站首页中的各种素材进行合理的分布，是对学生进行网页设计技能上的提升；利用表格布局网页也是整个网站设计中一个非常重要技术手段，应用非常广泛。
我在本节课应用的教法与学法：由于关于表格的基本操作（插入表格、调整表格：调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列）在Word中已经有较详细的操作方法。
在本课教学过程中，教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页，让网页中的素材合理的在网页上分布。
另外，网页模板是提高建站效率的有效手段，教师要注意引导学生对网页模板的使用。
学法：让学生注意观察和借鉴样板网站中表格的运用情况，刚开始使用表格设计网页时可将其边框粗细的值设为1，以观察调整表格的过程，从而掌握表格调整的技巧。
教学过程：第一阶段：导入新课，明确学习目标导入新课：指导学生“读一读”，讨论两幅图之间的相似之处。
师：校园内的建筑通过道路和绿化带进行区域上的划分，网页中的素材是通过表格进行合理的安排，但如何安排呢？这就是本节课的学习内容──网页中的表格。
第二阶段：范例精讲，学生自主探究，完成范例师：任务一：插入表格如果我们想要在网页中使用表格必须先插入表格，操作方法与Word差不多，自己尝试着在一个新网页中插入不同设置的表格，示例。
第4课 网页中的表格
《第4课网页中的表格》各位评委老师大家好，我今天试讲的题目是：鲁教版年级册第单元第课评委老师可以开始了吗？上课同学们好请坐同学们还记得上节课我们划分的小组吗？这边是团结队同学，你们的口号是：团结就是力量，真棒；这边是梦想队，大声说出你们的口号：激情成就梦想，声音很宏亮看来今天大家的士气都很高涨，这节课我们还是用小组合作团队竞赛的方式来进行，双方队员根据竞赛情况赢得智慧树，最后我们来比一比，看哪一队获得的智慧树最多。
同学们有没有信心？好，下面我们开始学习：大家来看一下大屏幕，这个是上节课同学们制作的‚我为青奥会加油‛网站网站向我们介绍了青奥会的概况和运动员们的优异表现，大家再来看一下网站的布局，有没有什么问题？对有同学说这个网站的标题跟文字内容没有对齐，图片位置也不是很合适，那怎么做对运用表格来帮助我们解决。
这就是我们今天要学习的内容——《网页中的表格》（板书）。
下面给同学们十分钟的时间，结合导学案自主学习微课，完成第一轮竞赛任务：1、请谈一下在网页中插入表格的方法； 2、请同学将白板上打乱的知识点，按照顺序重新排列。
这一轮的竞赛规则我们让双方的队长指定对方团队的队员来回答，同学们明确了吗？下面开始探究。
（板书两个）大家都完成了吗？举手基本上都完成了第一个问题哪一队先来？好梦想队的队长指定团结队的队员来回答第一个问题，这位同学说，首先单击菜单栏上的表格，找到插入表格单击然后在弹出的对话框中选择合适的参数进行设置就可以了大家说团结队回答正确吗？回答正确，我们奖励团结队一棵智慧树。
第二个问题，团结队队长指定梦想队的队员到白板这里来排序，演示的同时请大声说出步骤同学们说正确吗，有点小问题，梦想队的其他同学有谁想补充？这位同学说：‚拆分某一个单元格时，只能在这个单元格里拆分成行或列，不同于插入行或列‛大家说他说的好不好，非常好，因为梦想队是由两位同学来完成任务的，所以按照比赛规则我们只能为梦想队只加上半棵智慧树。
在网页中插入表格教案
在网页中插入表格一、教学目标知识方面：1．使学生掌握在网页中生成表格的方法。
2．使学生掌握填写表格内容的方法。
3．使学生掌握调整表格的方法。
技能方面：培养学生处理表格的能力。
情感方面：培养学生自学意识。
二、教学重点在网页中插入表格的方法。
三、教学难点怎样在网页中插入表格。
四、教学方法1．演示法。
2．自学法。
3．实践法。
五、教学手段与教学媒体多媒体网络教室教学过程。
一、导入课题连接“搜狐”、“新浪”网，让学生欣赏一下这些漂亮的网页。
提问：这些漂亮的网页开始编辑的时候是怎样构图的了？是插入表格做成的。
使用frontpage打开“搜狐”，让学生看看其编辑的影子（表格）。
教师提问：插入表格后，起到哪些作用?学生讨论后，教师归纳：插入表格可以使网页中的内容条理清晰。
浏览者在访问你的网站时，可以更方便地找到感兴趣的材料。
二、新课1．建立班级档案教师演示操作步骤：（1）使用frontpage新建“我们班级大小人物介绍”网页，把光标调整到要插入表格的位置。
(2)单击菜单栏中的“表格”选项，打开它的下拉菜单；(3)单击下拉菜单中的“插入”选项，打开它的子菜单；(4)单击子菜单中的“表格”命令，打开“插入表格”对话框；(5)输入行数6和列数2；(6)在“对齐方式”文本框中选择“水平居中”；(7)单击“确定”按钮。
教师布置任务：在自己制作的网页中创建一个表格。
（注意查看和纠正学生完成任务情况）教师介绍：为了使表格更加美观、实用，对表格中的单元格还需要进行必要的调整，操作方法与Word 2000相同。
（教师演示，学生自己在下面操作）2．添砖加瓦（1）。
在表格中输入自己的“姓名”‘性别“、”电话“、”生日“、”学校“、”爱好“（教师演示，学生跟着操作）（2）在空白处复制一份空白表格，填上其他同学的个人资料（如何复制表格，清除表格内容先让学生回忆，不会做时，教师讲解并演示）。
三、课堂练习1．建立一个网页，用两种方法建立以下表格，存盘名为“我的简历“，并填充表格内容，根据实际情况设置字体。
网页制作教学案——应用表格布局网页
（3）、出示任务二：见环保网站的index.html新建一个页面，用表格布局该网页。FrontPage中表格的插入于编辑与Word中的表格操作类似，教师着重引导学生进行知识迁移。
（4）给出时间让学生操作，然后安排操作熟练的学生进行演示、教师讲解。
设计意图：分层教学，学生可以根据自己的实际情况选择任务难度，并动手分析和进行创意设计，培养学生的模仿以及创新能力。
设计意图：培养学生知识迁移的能力和动手能力。
在实际操作中考虑到学生的基础水平不一，此处应将常用的表格创建的方法，表格编辑、表格工具栏的使用方法等再介绍演示一次。
表格属性与单元格属性设置是本节课重点，普通同学易混淆二者。
设计意图：更好的发挥优秀学生创作思维动手能力。
3、课堂小结、后续活动
（1）、教师引导学生回忆本节课学习的内容：在FrontPage中插入表格、编辑表格、表格属性和单元格属性设置、以及表格嵌套的基本方法等。
（2）、教师展示优秀作品，表扬完成任务的学习，对未完成任务的学生，应鼓励他们利用课余时间继续完成
该任务基本与word里类似，而且图片、动画前面已经讲过。故不详细讲叙。
给出素材：
学生操作
对完成情况好的学生予以评品，对尚未完成或完成不理想的学生给出修正意见。
至此第一课时新课部分结束
设计意图：确保达到教学目标的同时，给学生一定的自主空间，鼓励他们去创新，而不应让学生一成不变地生硬模仿。
第二课时开始
初中信息技术《网页中的表格(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中的操作也是非常相似，根据教材内容分组完成表格的调整。
调整结束后将第二课中已经输入的内容移动到表格中。
对于学生相对熟悉的知识点，完全放手给学生探究完成。
尝试通过不同途径解决同一问题，提高学习效率。
三、实践练习让学生参照课本习题要求，完成练一练部分，让学生练习刚学会的命令。
分组预览网页，看布局的效果。
四、合作探究分组讨论教材中布局表格命令的用法，使用布局表格命令重新布局网页。
让学生演示后，教师点拨需要注意的问题。
分组展示操作步骤及预览网页。
审视自己的网页与其他小组的区别，查找自己的不足。
五、大显身手仿照第一课中的三个页面，进行布局设计，插入相关素材，完成网页的设计。
每小组选择最优秀的作品，进行展示评比，选出最优秀的作品。
六、教学总结课堂小结本节课的学习内容。
简单网页制作之表格的使用教学设计
简单网页制作之表格的使用教学设计第一篇：简单网页制作之表格的使用教学设计《简单网页制作之表格的使用》教学设计省实附中张晶本人上学期才进入广州工作，现教初一计算机，手上没有教材，所以凭借原来的一点经验在林老师教学设计的基础上进行修改，写下自己的教学设计。
希望各位老师给予批判指正。
一、学生固有知识学生已经学过利用表格在PowerPoint中使图文实现混排、在excel中对表格进行美化设置和修饰（熟悉并了解了表格的行、列、内外边框）等操作，因此本节课在介绍表格时不用花费过多的时间再去重复，可以让学生通过知识迁移的方法对表格有新旧知识的联系，教师只是起点拨的作用。
二、教学重点1、表格的相关基本操作和灵活应用2、将页面中的各个元素合理的布局在表格中，实现图文混排三、教学难点根据网页版面的设计需求熟练的运用表格和使用表格四、教学目标1、2、3、了解表格在网页设计中的作用与意义继续熟练表格的相关基本操作（插入表格、合并单元格、拆分单元格、插入背景、边框设置）初步掌握利用恰当的表格来规划网页版面的基本过程和方法。
五、教学理念和教学方法在教学过程中，以新课程的教学理念开展。
创设学习情境，激发学生的学习兴趣。
教师采取的教法包括任务驱动法，学生演示法，指导法，讨论法等，使学生在学习过程中能自主的探究学习。
六、教学过程设计(一)内容复习Teacher：打开并演示一个具体的网页Q1：我们上节课学习过网站的一些基础知识，网站与网页的关系是？ Q2：一般的网页上主要由哪些元素所组成？Student：观看并思考回答(二)新课导入1.举例演示,学生思考不作回答：例一：打开在PowerPoint中利用表格完成的图文并茂的幻灯片教师以启发的方式提问：Q1：在ppt中你是如何实现图文的混排？（表格）Q2：在ppt中你是如何隐藏表格的边框线？（边框线宽度为？）Q3：你还记得如何将图片、背景等插入表格中吗？（学生思考）例二：网页个（“英超射手榜”），网页中既有明显的表格，也有隐含的表格（教师解释说明在网页中，表格存在两种不同的作用：排版与真正的表格）例三：打开校园网，使用“编辑”按钮将它的表格显示在FrontPage的编辑窗口中学生观察，教师提问：在编辑窗口中表格的边框线为虚线,在预览窗口中边框线出现什么效果？明确的指出: 表格在网页排版中的特殊意义——实现网页的精确排版和定位。
初中信息技术《网页中的表格》教案
初中信息技术《网页中的表格》教案（学习版）编制人：__________________审核人：__________________审批人：__________________编制学校：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的学习资料，如面试指导、笔试指导、题库大全、教案大全、教育知识、备考知识、素质知识、法律知识、心理知识、其他资料等等，想了解不同资料格式和写法，敬请关注!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》教案、教学设计
网页中的表格网页中的表格相信同学们这个假期都过的相当的丰富多彩，轻松惬意。
对比：然而对于黑龙江省望奎县的小姑娘高雨欣来说，每天却并没有大家这么轻松，我们一起来看看她都在忙些什么。
（看视频：孝心少年,感动你我）思考：看完这段视频同学们有什么感受?你想为她做点什么吗？展示：两个网页作品，两者有何区别?尝试制作一个带有表格的网页帮助高雨欣来宣传怎么样。
请同学们先明确一下学习目标。
（板书：网页中的表格）希望通过这节课的学习，我们都能有所收获。
二、自主探究，交流分享：（一）表格的作用：图例:使用表格的形式好在哪里？能够一目了然，更加直观，这是表格从提取信息的直观性角度的作用。
还有什么作用？回顾版面布局形式。
时尚型网页使用了表格以后可以起到了布局的作用。
第二幅图:网页中使用了表格，引导总结。
（板书：一、表格的作用）（二）在网页中插入表格：利用word 中学习过表格使用的经验。
在frontpage 中可不可以用同样的方法插入表格呢？鼓励学生敢直接走上台来试一试。
创建2×2 表格，对齐方式为居中，宽度为780 像素，边框粗细为0。
故意设疑。
给同学们１分钟时间，创建一个２×２的表格，对齐方式为居中，宽度为780（四）布局表格和单元格的使用：刚刚我们使用的是手动的进行网页的布局，其实frontpage 还提供了一个专门的功能叫“布局表格和单元格”，我们可以通过“表格”菜单-“布局表格和单元格”打开任务窗格，里面自带了12 种模版，不但起到了布局表格的作用，而且也起到了固定元素位置的作用，也非常方便实用，同学们可以在课下多多实践。
也可以在下边的实践创作中进行尝试。
（四、布局表格和单元格）四、实践创作，展示评价：引导乐观阳光心态。
（展示高雨欣的图片）布置创作环节：根据本节课所学对网页“阳光少年.htm”“孝心少年.htm”进行规划、布局并保存。
提醒：做作品之前先规划一下插入一个几行几列的表格，素材放在什么位置。
网页中表格导学案
《第三课在网页中插入表格》导学案【学习目标】知识目标：理解表格在网页设计中的重要作用技能目标：学会使用表格布局网页；灵活掌握表格调整的方法。
情感态度、与价值观目标：了解学校概貌，发现校园之美；养成良好的生活和学习习惯。
【学法指导】A、自主探究，大胆尝试，可参考课本P54-56。
B、加强合作，与同学相互交流探讨。
C、虚心请教老师、同学、因特网。
【学习过程】一、互动探究（一）自学新知（阅读课本P17-18，完成下题）运用“百度”搜索——中学生作文网，观察并分析中学生作文网的结构特点。
小提示：（1）如何将表格边框设置成实线或者虚线呢？虚线有什么作用呢？-----插入表格时对边框粗细进行设置时0为虚线，或者选中表格单击右键弹出表格属性对边框粗细进行设置）（三）探究任务二：打开课本P19-20，学习对表格进一步调整美化，（小提示：在对表格进行调整时，选中要设置的行与列，充分利用右键的快捷菜单很方便哟！）探讨一：小组探讨怎样进行行高与列宽的调整，将“我就是我”列宽调小，探讨二：小组探讨怎样进行单元格的合并和拆分，将QQ右栏拆分成五列探讨三：小组探讨怎样进行插入或删除表格中的行或列，将多余的列或行删除。
探讨四：小组探讨怎样进行平均分布行和列的操作，将行与列平均分布。
二、大显身手打开d盘中的站点“情感小屋”，并打开首页文件index.htm,建议分别插入四个表格，依次为：2×3、 2×2、1×4、和2×1 ，当然也可以自定，宽度都为780像素，水平居中。
根据“情感小屋”网站首页布局的内容，调整前面插入的表格，并将情感小屋内的文字内容移到表格内。
预览网页，测试调整效果。
三、收获知多少。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页中的表格》教案设计
一、教学设计部分
教学内容分析
R本课的主要内容与地位
网页中，常用表格来对网页中其它元素定位，将复杂的元素有条理的分布到网页各个位置──网页布局。
另外，当我们把表格的宽度定为固定像素值后，还能保证网页布局不会随浏览器窗口的大小变化而变化，当我们在网页中输入文字的时候，就可以让文字顶满格后自动换行，方便我们对文字的编辑。
由此可见，网页中只有利用表格进行布局，才能称得上真正意义上的网页设计。
R本课与前后内容的关系
利用表格布局网页，将上一节设计的网站首页中的各种素材进行合理的分布，是对学生进行网页设计技能上的提升；利用表格布局网页也是整个网站设计中一个非常重要技术手段，应用非常广泛。
教学目标分析
R知识目标/技能目标
·知识目标
理解表格在网页设计中的重要作用。
·技能目标
⑴掌握使用表格布局网页。
⑵灵活掌握表格调整的方法。
R过程与方法目标
能够合理利用表格对网页进行布局和规划。
R情感态度与价值观目标
了解学校概貌，发现校园之美，理解规矩与方圆的关系，养成良好的生活和学习习惯。
R本课的重难点
重点和难点：掌握利用表格对网页进行布局的方法
R本课的课时分配建议
一课时教学策略设计建议
R教法建议
由于关于表格的基本操作在ord中已经有较详细的操作方法。
在本课教学过程中，教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页，让网页中的素材合理的在网页上分布。
另外，网页模板是提高建站效率的有效手段，教师要注意引导学生对网页模板的使用。
R学法建议
注意观察和借鉴样板网站中表格的运用情况，刚开始使用表格设计网页时可将其边框粗细的值设为1，以观察调整表格的过程，从而掌握表格调整的技巧。
教学资源与环境建
议
R本课教学资源索引
．第二课的半成品网页：Index．ht、Parents．ht教学评价建议
R自评、互评、师评要注意的问题
学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。
教学过程参考案例
阶段：导入新课，明确学习目标
教学环节教师活动学生活动设计理念
导入新课指导学生“读一读”，讨论两幅图之间的相似之处。
师：校园内的建筑通过道路和绿化带进行区域上的划分，网页中的素材是通过表格进行合理的安排，但如何安排呢？这就是本节课的学习内容──网页中的表格。
阅读，讨论、思考、回答。
从学生身边最熟悉的环境入手，导入他们陌生的知识点，帮助学生通过对二者的比较理解新知识。
第二阶段：范例精讲，学生自主探究，完成范例
教学环节教师活动学生活动设计理念
学习与探究教师讲解表格在网页时的重要作用。
任务一：插入表格师：如果我们想要在网页中使用表格必须先插入表格，操作方法与ord差不多，自己尝试着在一个新网页中插入不同设置的表格，并填写表1-3-1。
教师指导学生参照图1-3-4在主页文件Index．ht中插入表格：任务二：表
格的调整师：此部分内容与ord中的操作也是非常相似，根据教材内容分组完成表格的调整。
调整结束后将第二课中已经输入的内容移动到表格中。
任务三：设计网页模板师：设计网站时为提高工作效率，我们一般使用模板，现在我们就来定制属于我们自己的网页模板。
插入默认值的表格，分组插入修改不同参数值的表格，讨论并填写表格。
实践表格的调整方法，体验表格对网页布局的重要作用。
根据教材提示，将首页保存为模板。
对于学生熟悉的知识点，完全放手给学生探究完成。
尝试通过不同途径解决同一问题，提高办事效率。
第三阶段：知识、情感拓展
教学环节教师活动学生活动设计理念
知识与情感师：请同学们再次预览使用表格布局的网页，然后改变浏览器窗口的大小，网页版面发生变化吗？这说明什么问题呢？师：在生活中，你能体会到父母对自己的关心和爱护吗？请大家课下完成“一日护蛋”的实践活动，设计新网页“Feeling．ht”。
学生分组预览网页。
生：表格可以保护网页的布局。
由表格对网页布局的保护延伸到父母对子女的爱。
让学生从护蛋活动中体会这种爱护要付出多大的精力。
第四阶段：综合实践，巩固与提高，自由创作，迁移运用
教学环节教师活动学生活动设计理念
实践与创新师：通过本节课的学习，你是否感觉上一节课设计的二级网页“Parents．ht”需要使用表格重新布局一下呢？教师巡视指导：刚才我们学习了网页模板的保存，下面请同学们使用模板设计xx页表中所列的三个网页。
师：请大家思考：能否为实践活动网页设计统一的模板？使用表格重新布局网页。
设计新网页，体验模板的重要作用。
重点实现示例网页Neighbor．ht中的表格设计效果。
学以致用，巩固提高。
第五阶段：教学总结，设疑激趣，为下一节课作好铺垫教学环节教师活动学生活动设计理念
课堂小结课堂小结本节课的学习内容。
师：通过本节课的学习，同学们是否觉得自己做出的网页在形式上还有些单调？我们能否把网页做得更漂亮呢？请同学们课后预习下一课的内容──网页美化。
重新审视自己的网页，并与样例对比，查找出自己网站需要改进的地方。
通过对比查找不足，做到有的放矢，激发学生自主探究的热情。
教学反思
本节课的主要内容与ord中的表格操作有很多相似之处，但又有很大的不同。
所以，教师应让学生通过实践理解表格在ord和网页设计中的不同作用。
网页模板是一个新知识点，只有通过实际操作才能体会
它的作用，所以安排学生使用模板设计新网页的环节。
二、补充资料部分
．与学件
R学生用学
名称文件名
在网页中插入表格插入表格．sf
表格的调整表格调整．sf
设计网页模板网页模板．sf
．资料库网站版面的布局设计
版面设计也可以理解为布局设计，就是我们在浏览器上看到的一个完整的页面。
如何将所有要体现的内容有机地整合和分布，达到某种视觉效果，这就叫做版面布局设计。
我们将如何做好网站的版面设计呢？首先我认为是“过程注定了结果”，重视你所做的每一步并把它尽量做到最好，相信结果也不会偏离轨道。
下面先让我们来了解一些版面设计的步骤。
一、构思
在构思之前我们总需要进行网站的需求分析、定位和受众群等很多方面的事情。
如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解需求的情况下，盲目地去把页面设计达到某种视觉效果是很难的。
当我们真正确定需求后，便可以尽可能地发挥自己的想
象力，将自己想到的“构思”画上去。
这是属于一个构思的过程，不讲究细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。
尽可能多构思一些，以便选择一个最适合的进行搭建。
二、粗略布局
这个阶段是个试用期，我们只要把重要的元素和网页结构相结合，看看框架是否合理，如果不适合则进行相应的修改。
三、完善布局
当我们已经有一个很好的框架时，我们需要根据网站设计时的构思将其所需的内容有条理地融入于整个的框架中。
我们需要通过对图片的处理、空间的合理利用进行编排。
下面是广告大师樊志育在《广告制作》中所提到的，希望对大家在布局的理论上面有所帮助。
．正常平衡──亦称“匀称”。
多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。
．异常平衡──即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。
．对比──所谓对比，不仅利用色彩、色调等技巧来做表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
．凝视──所谓凝视是利用页面中人物视线，使浏览者
仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
．空白──空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。
．尽量用图片解说──此法对不能用语言说服、或用语言无法表达的情感，特别有效。
图片解说的内容，可以传达给浏览者的更多的心理因素。
这个阶段主要是针对些细节的更改和优化了，比如说一些颜色饱和度、一些字体、间距的调整等。