《网页设计表格》教案计算机网页设计_计算机-网页设计.pdf

《《网页设计表格》教案计算机网页设计_计算机-网页设计.pdf》由会员分享，可在线阅读，更多相关《《网页设计表格》教案计算机网页设计_计算机-网页设计.pdf（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

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

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

5、表格删除列”命令或按组合键，删除选择区域所在的列 清除表格内容：选定表格要清除内容的区域后，按键就可以删除或选择“编辑清除”命令注意不要同时选中整行或整列，要清楚整行或整列内容时应该先选择一部分在选择另一部分来清除。四、增加和删除表格的行和列 表格中的行列数目不符合需求，需要做相应的调整，通过选择“修改表格”中的相应字菜单命令可以添加、删除行或列。插入单行或单列 选择“修改表格插入行”命令，在插入点的上面插入行。按 组合键，在插入点的下面插入一行。选择“插入记录表格对象在上面插入行”命令，再插入点的上面插入一行。选择“插入记录表格对象在下面插入行”命令，再插入点的下面插入一行 插入单列方法有以

6、下几种 选择“修改记录表格插入列”命令，在插入点的左侧插入一列 按 组合键，在插入点的右侧插入一列。时间月日课时课时课型新授教学目标重点难点教学方法教学模式教学程序及内容复习上节课的内容知识目标表格的运用能力目标情感目标能够快速用表格布局网页了解表格属性懂得复制粘贴表格删除表格和表格内容增加删除表格的行和列删除表格内容增加和删除表格的行和列通过情景激趣发现问题解决问题布置任务等方法给学生创造自主探究学习的平台让学生由被动变主动激发学生对学习网页制作的兴趣教学模式采用了读讲练思结的方法让学生在预习当中们已经学习了中表格的一些内容下面我们来复习一下上节课学习的内容打开软件我们学习了插入表格讲解表格

7、的属性中包含行列单元格表格标题在表格中插入内容缩放表格合并和拆分单元格引入新课这节课我们来讲解一下表格的另学习必备 欢迎下载 选择“插入记录表格对象在左边插入列”命令，在插入点的左侧插入一列。选择“插入记录表格对象在左边插入列”命令，在插入点的右侧插入一列。插入多行或多列 选中一个单元格，选择“修改表格插入行或列”命令，弹出“插入行或列”对话框。根据需要设置对话框的选项，可实现在当前行的上面或下面插入多行。学生练习 1.打开网页“1.html”，复制“index.html”中刚修改过的第二表格粘贴到网页“1.html”中。2.在第 4 列后面插入一列 3.删除第 0 列和第 4 列上的文字，删

8、除设置有背景颜色的列 4.在第 0 列里输入“康豪*”字样 5.在表格后面插入 3 行 6.把最后一列合并成一个单元格 时间月日课时课时课型新授教学目标重点难点教学方法教学模式教学程序及内容复习上节课的内容知识目标表格的运用能力目标情感目标能够快速用表格布局网页了解表格属性懂得复制粘贴表格删除表格和表格内容增加删除表格的行和列删除表格内容增加和删除表格的行和列通过情景激趣发现问题解决问题布置任务等方法给学生创造自主探究学习的平台让学生由被动变主动激发学生对学习网页制作的兴趣教学模式采用了读讲练思结的方法让学生在预习当中们已经学习了中表格的一些内容下面我们来复习一下上节课学习的内容打开软件我们学习了插入表格讲解表格的属性中包含行列单元格表格标题在表格中插入内容缩放表格合并和拆分单元格引入新课这节课我们来讲解一下表格的另