《网页设计-表格》教案

《《网页设计-表格》教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计-表格》教案（任务驱动）40分钟一个课时科目网页制作普及选修班课题表格的设置与运用授课时间11月9日课时2课时课型新授教学目标知识目标表格的运用能力目标能够快速用表格布局网页，了解表格属性，懂得复制、粘贴表格、删除表格和表格内容、增加删除表格的行和列情感目标培养学生集中注意力能力，激发学生学习网页制作的浓厚兴趣。重点粘贴表格、删除表格和表格内容、增加删除表格的行和列难点删除表格内容，增加和删除表格的行和列教学方法通过情景激趣，发现问题，解决问题，布置任务等方法，给学生创造自主探究学习的平台，让学生由被动变主动，激

2、发学生对学习网页制作的兴趣。教学模式教学模式采用了“读、讲、练、思、结”的方法，让学生在预习当中，找出问题，并思考问题，师生共同解决问题，结合这些问题，做一些练习，懂得运用知识。教学程序及内容教学过程师生活动复习上节课的内容引入新课内容讲解过程上节课学习表格中，我们已经学习了中表格的一些内容，下面我们来复习一下上节课学习的内容：打开软件：“我们学习了插入表格”、讲解表格的属性中包含行、列、单元格、表格标题、在表格中插入内容、缩放表格、合并和拆分单元格。这节课我们来讲解一下表格的另一些属性内容，学习表格各元素的属性、复制、粘

3、贴表格内容、删除表格和表格内容、增加和删除表格的行和列一、表格各元素的属性表格属性中的行列设置、宽、填充、间距是相邻单元格之间的像素、对齐是相对于一段落其他元素的显示位置、下面是新内容：“清除列宽”按钮，复制一个新的表格清除列宽之后，我们发现表格中的宽度显示消失了，这时根据表格中的内容自动调整宽度。“清除行高”按钮是从表格中删除所有明确指定的行宽或行高的数值。学习新知识“将表格宽度转换成像素”按钮：讲表格每列宽度的单位转换成像素，还可以将表格宽度单位转换成像素。一、复制、粘贴表格●复制单元格选定表格的一个或多个单元格后，选

4、择“编辑>拷贝”命令或“右键单击>拷贝”按快捷键，将选择的内容复制到剪切板中。●剪切单元格选定表格的一个或多个单元格后，选择“编辑>拷贝”命令或按快捷键，将选择的内容剪切到剪切板中。说明表格中行序列号学生练习1.插入一个5行5列的表格，表格宽100%，边框为1，在表格上写上序号。2.在表格中输入与效果图相同的文字3.复制粘贴表格到表格下面，清除表格的行宽和列高。4.设置第二个表格的宽度我525像素，调整该表格的第一列的宽度为106像素。5.复制第二个表格中的第0列粘贴到第2列并设置自己喜欢的

5、背景颜色。二、删除表格和表格内容选定表格中要删除的行或列后，进行删除，删除的方法有两种：1.选择“修改>表格>删除行”命令或按组合键，删除选择区域所在的行2.选择“修改>表格>删除列”命令或按组合键，删除选择区域所在的列清除表格内容：选定表格要清除内容的区域后，按键就可以删除或选择“编辑>清除”命令注意不要同时选中整行或整列，要清楚整行或整列内容时应该先选择一部分在选择另一部分来清除。三、增加和删除表格的行和列表格中的行列数目不符合需求，需要做相应的调

6、整，通过选择“修改>表格”中的相应字菜单命令可以添加、删除行或列。●插入单行或单列①选择“修改>表格>插入行”命令，在插入点的上面插入行。②按组合键，在插入点的下面插入一行。③选择“插入记录>表格对象>在上面插入行”命令，再插入点的上面插入一行。④选择“插入记录>表格对象>在下面插入行”命令，再插入点的下面插入一行●插入单列方法有以下几种①选择“修改记录>表格>插入列”命令，在插入点的左侧插入一列②按组合键，在插入点的右侧插入一列。①选择“插入记录>表格对象>在左边插入列”命令，在

7、插入点的左侧插入一列。②选择“插入记录>表格对象>在左边插入列”命令，在插入点的右侧插入一列。●插入多行或多列选中一个单元格，选择“修改>表格>插入行或列”命令，弹出“插入行或列”对话框。根据需要设置对话框的选项，可实现在当前行的上面或下面插入多行。学生练习1.打开网页“1.html”，复制“index.html”中刚修改过的第二表格粘贴到网页“1.html”中。2.在第4列后面插入一列3.删除第0列和第4列上的文字，删除设置有背景颜色的列4.在第0列里输入“康豪*”字样5.在表格后面插入3行6.把最后一列合并成一个单元格