第四课在网页中插入表格与图片

1、第四课在网页中插入表格与图片一、 教学目标分析课堂标准让学生掌握利用表格来布局网页信息的方法。掌握在网页中插入图形图像。知识与技能l 学会插入表格l 学会调整表格l 学会插入图片l 学会调整图片l 学会插入水平线及使用列表。过程与方法采用任务驱动的方法，自主学习，再通过分组探究，技能竞赛，协作学习，让学生在轻松的氛围下学习，具有使用搜索引擎技巧的能力。情感态度与价值观1、 培养学生协作学习、互相帮助的精神2、 培养学生的探索精神和主动学习的习惯。四、教学重点、难点与解决措施重点：插入与调整表格技巧，插入图片的技巧难点：插入与调整表格的技巧解决措施：让学生通过浏览网页，并下载网上利用表格定位的网

2、页，通过网页制作工具，打开所下载的网页，并将其中的图片删除来达到认识表格的目的，然后利用竞赛的活动，让学生们参与其中，由此来引导学生对网页设计问题的思考，并逐步掌握网页表格布局设计的技巧，也就是掌握网页设计的技巧。五、教学设计思路：本课以学生为主体，老师为主导的教学模式开展的，以学生的积极探索，小组协作学习、自主学习等学习模式通过反复练习总结，知识水平实现螺旋式上升，最终实现知识的意义建构，并考虑到学生的知识层次有所不同，在拓展学习方面特意设置不同程度的学习内容，满足各层次学生的需要。六、依据的理论在做中学、引导发现式教学七、教学策略及选用媒体基于教学内容的要求以及学生的特征，本教学设计的教学

3、以学生自主学习为主，老师在课堂中起到主导作用的教学模式开展，通过探究学习寻找解决问题的方法，并以竞赛的形式，让学生在反复的操作中得到搜索的经验，老师引导学生总结经验，把感性认识上升到理发认识。在拓展知识部分，学生能根据自己的水平选择学习知识的分量，让不同层次的学生都可以在课堂中尽量掌握自己要学的知识，而且以小组的形式开展，有助于同学间互相协作，共同达到知识的意义建构。使用网络教室平台进行屏幕控制及转播，学生机能接入互联网。八、教学过程第1课时表格可以很好地起到定位作用，这节课里我们将学习在网页中插入表格与图片。下面我们的教学内容一，就是一个闲居小站的制作。结果如下图1所示：我们将它的内容删除将

4、会发现得到的页面如下图2所示：任务一：利用网页制作工具FrongPage2003打开网页，利用设计视图，将网页的内容与图片删除。小组讨论：网页的内容与图片删除。观察剩下的是什么？引出课题任务二、新建一空白网页，并在网页中插入表格并调整表格，如上图2所示。教师演示略；振作步骤：1、新建一空白网页，然后插入一个3行2列的表格，并将第一行与第二行的分别合并为一单元格。插入表格设置窗口如下图：插入表格的方法是：点击菜单栏的表格，从弹出的下拉菜单中点击插入表格。会弹出一个插入表格对话框，如右图所示：设置要求为，行数是3，列数为2；指定宽度打钩后，以像素为单位。数值是800，同理指定高度为600像素；边框

5、粗细为0.然后点击确定即可。2、将名为”top.jpg”的图片作为第一行单元格的背景图片。将“mid.gif”的图片作为第二行单元格的前景图片。3、 将文本内容输入进来，并对段落做好格式设置，如图一所示。（此部分文本内容事先老师准备了）4、 插入网页背景图片。图片名为“bg.gif”5、 插入艺术字：“闲园要的是自在的心境，只要心闲处处是闲园”格式自定也可按教师的。6、保存网页。名为“闲居小站”课堂作业：精美贺卡的制作。（素材在作业一中）结果如下图所示提示：1、插入一3行4列的表格，将第一行的第2与第3单元格合并为一单元格。将第1列的第一，二、三行合并为一单元格，第4列的第一，二、三行合并为一

6、单元格，最后将第四行的单元格合并为一个单元格。完成表格的调整。2、将“bg.jpg”作为网页的背景图片。3、分别插入图片与输入文本内容。注意：选中“福”字图片，按住“Ctrl”拖动，可复制多个图片。4、设置好文本格式：字体为隶书，字号为14磅，对齐方式为居中，段落间行距为1.5倍行距。6、 最后保存文件。各个同学最好独立自主完成。有不明白的可以自已观看演示课例，也可向组长请教。竞赛形式：每个小组成员中最先完成作业的同学成为本组的临时组长，主要协助老师指导同学们完成作业。课堂小结：学习了表格的插入及调整表格，并学习了在网页中插入图片的方法。为网页增添色彩。第2课时教学目的：在网页中插入表格，学会

7、利用自动缩略图为网页增添色彩。教学过程：教师：大家一起来看一看这一张“动物乐园介绍页”是如何制作的，大家来分析一下有用到表格吗？如果用了，用了几行几列的表格？教师活动：展示“动物介绍页”网页，启动好FrongPage2003打开网页，利用设计视图，将网页的内容与图片删除。对学们再仔细看看，自己原先的想法正确吗？教师演示略操作步骤：1、新建一空白网页，并插入4行3列的表格，并将第2列的所有单元格合并为一单元格。完成表格的调整。2、输入文本，并设置好文本格式。3、插入图片后。在图片上右击，并从弹出菜单选择，单击自动缩略图即可，以此类推。完成其他图片的插入。4、保存网页。学生活动：自主学习与协作学习。有不懂的问同学或自己观看课例演示。教师活动：巡回指导教师小结：布置作业。课堂作业：完成感悟生活页的制作。效果如下图4所示：说明：图片中使用了自动缩略图。艺术字等。提示：插入表格为4行5列。然后将第1与第2列合并为一个单元格。第3