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

第四课在网页中插入表格与图片一、 教学目标分析课堂标准让学生掌握利用表格来布局网页信息的方法掌握在网页中插入图形图像知识与技能l 学会插入表格l 学会调整表格l 学会插入图片l 学会调整图片l 学会插入水平线及使用列表过程与方法采用任务驱动的方法，自主学习，再通过分组探究，技能竞赛，协作学习，让学生在轻松的氛围下学习，具有使用搜索引擎技巧的能力情感态度与价值观1、 培养学生协作学习、互相帮助的精神2、 培养学生的探索精神和主动学习的习惯四、教学重点、难点与解决措施重点：插入与调整表格技巧，插入图片的技巧难点：插入与调整表格的技巧解决措施：让学生通过浏览网页，并下载网上利用表格定位的网页，通过网页制作工具，打开所下载的网页，并将其中的图片删除来达到认识表格的目的，然后利用竞赛的活动，让学生们参与其中，由此来引导学生对网页设计问题的思考，并逐步掌握网页表格布局设计的技巧，也就是掌握网页设计的技巧五、教学设计思路：本课以学生为主体，老师为主导的教学模式开展的，以学生的积极探索，小组协作学习、自主学习等学习模式通过反复练习总结，知识水平实现螺旋式上升，最终实现知识的意义建构，并考虑到学生的知识层次有所不同，在拓展学习方面特意设置不同程度的学习内容，满足各层次学生的需要。

六、依据的理论在做中学、引导发现式教学七、教学策略及选用媒体基于教学内容的要求以及学生的特征，本教学设计的教学以学生自主学习为主，老师在课堂中起到主导作用的教学模式开展，通过探究学习寻找解决问题的方法，并以竞赛的形式，让学生在反复的操作中得到搜索的经验，老师引导学生总结经验，把感性认识上升到理发认识在拓展知识部分，学生能根据自己的水平选择学习知识的分量，让不同层次的学生都可以在课堂中尽量掌握自己要学的知识，而且以小组的形式开展，有助于同学间互相协作，共同达到知识的意义建构使用网络教室平台进行屏幕控制及转播，学生机能接入互联网八、教学过程第1课时表格可以很好地起到定位作用，这节课里我们将学习在网页中插入表格与图片下面我们的教学内容一，就是一个闲居小站的制作结果如下图1所示：我们将它的内容删除将会发现得到的页面如下图2所示：任务一：利用网页制作工具FrongPage2003打开网页，利用设计视图，将网页的内容与图片删除小组讨论：网页的内容与图片删除观察剩下的是什么？引出课题任务二、新建一空白网页，并在网页中插入表格并调整表格，如上图2所示教师演示略；振作步骤：1、新建一空白网页，然后插入一个3行2列的表格，并将第一行与第二行的分别合并为一单元格。

插入表格设置窗口如下图：插入表格的方法是：点击菜单栏的表格，从弹出的下拉菜单中点击插入—表格会弹出一个插入表格对话框，如右图所示：设置要求为，行数是3，列数为2；指定宽度打钩后，以像素为单位数值是800，同理指定高度为600像素；边框粗细为0.然后点击确定即可2、将名为”top.jpg”的图片作为第一行单元格的背景图片将“mid.gif”的图片作为第二行单元格的前景图片3、 将文本内容输入进来，并对段落做好格式设置，如图一所示此部分文本内容事先老师准备了）4、 插入网页背景图片图片名为“bg.gif”5、 插入艺术字：“闲园要的是自在的心境，只要心闲处处是闲园”格式自定也可按教师的6、保存网页名为“闲居小站”课堂作业：精美贺卡的制作素材在作业一中）结果如下图所示提示：1、插入一3行4列的表格，，将第一行的第2与第3单元格合并为一单元格将第1列的第一，二、三行合并为一单元格，第4列的第一，二、三行合并为一单元格，最后将第四行的单元格合并为一个单元格完成表格的调整2、将“bg.jpg”作为网页的背景图片3、分别插入图片与输入文本内容注意：选中“福”字图片，按住“Ctrl”拖动，可复制多个图片。

4、设置好文本格式：字体为隶书，字号为14磅，对齐方式为居中，段落间行距为1.5倍行距6、 最后保存文件各个同学最好独立自主完成有不明白的可以自已观看演示课例，也可向组长请教竞赛形式：每个小组成员中最先完成作业的同学成为本组的临时组长，主要协助老师指导同学们完成作业课堂小结：学习了表格的插入及调整表格，并学习了在网页中插入图片的方法为网页增添色彩第2课时教学目的：在网页中插入表格，学会利用自动缩略图为网页增添色彩教学过程：教师：大家一起来看一看这一张“动物乐园介绍页”是如何制作的，大家来分析一下有用到表格吗？如果用了，用了几行几列的表格？教师活动：展示“动物介绍页”网页，启动好FrongPage2003打开网页，利用设计视图，将网页的内容与图片删除对学们再仔细看看，自己原先的想法正确吗？教师演示略操作步骤：1、新建一空白网页，并插入4行3列的表格，并将第2列的所有单元格合并为一单元格完成表格的调整2、输入文本，并设置好文本格式3、插入图片后在图片上右击，并从弹出菜单选择，单击自动缩略图即可，以此类推完成其他图片的插入4、保存网页学生活动：自主学习与协作学习有不懂的问同学或自己观看课例演示。

教师活动：巡回指导教师小结：布置作业课堂作业：完成感悟生活页的制作效果如下图4所示：说明：图片中使用了自动缩略图艺术字等提示：插入表格为4行5列然后将第1与第2列合并为一个单元格第3、4、5列的1、2、3行合并为一个单元格表格边框粗细为0有不明白的地方可以自主学习，自己观看演示课例教师活动：巡回指导小结：本节课学习了在网页中插入表格与图片，并学习了利用表格来定位网页的内容，使网页的内容更有层次，更整齐。