制作图文并茂的网页.docVIP

制作图文并茂的网页 第4 制作图并茂的网页 一、教学目标 知识目标： 1) 学会在网页中插入和设置水平线； 2) 学会在网页中插入和设置图片； 3) 学会保存带图片的网页； 技能目标： 1) 培养学生的动手能力； 2) 培养学生自主学习的能力； 3) 培养学生发现问题、分析问题、解决问题的能力； 情感目标： 1) 在教学中培养学生的审美情趣； 2) 激发学生的想象； 3) 培养学生间的合作精神； 二、教学方法：任务驱动法、自主探究法、演示法； 三、教学重点：本教学重点是在网页中插入水平线和图片，以及保存带图片的网页； 四、教学难点：本的教学难点是图片的设置以及带图片的网页的保存； 五、教学时：1时 六、教学准备：比较好的学生的作品以及四个自己制作的网页 网页一、只包含纯字（字中要有一主题，介绍的是学生熟悉并感兴趣的人或事物，如可介绍他们任的老师，一般学生对自己的老师总是很感兴趣，或学生中比较有威望的同班同学，或者是一个动画人物：柯南，火影忍者，樱木……） 网页二、比上增加水平线 网页三、比上增加图片 网页四、比上对水平线及图片作了相应的设置 七、教学环境：机房，每人一机，教师能对学生进行控制，分发，装有frntpage软，能上网； 八、教学过程： 任务一 在网页中插入和设置水平线 创设情境、导入题 将事先准备好的学生的作品展现给大家， 师问：同学们漂亮吗？ 生答：漂亮。 师： 你们知道这是谁做的吗？大家一定想不到吧，这是和你们同龄的同学的作品（激发学生的学习热情，让他们感到网页的制作也并不是那么的困难，增强他们的信心，既然别的同学能做出，那么我为什么不能呢！） 师：上几节我们对网页已经有了初步的认识了，我们知道在网页中可以插入字，但是和我们在网上看到的网页相比，我们自己做的实在太单调，太难看了， 师问：同学们想不想让自己的网页也像这位同学的那么漂亮呢？ 生答：想。 师：好，那么从今天开始我们就要打扮我们自己的网站了， 师：（将事先准备好的网页一，网页二打开）“找出不同点”（从而顺利引入本次任务。） 生：多了一条线 师：有和没有有什么不一样，（这条线的功能），线是怎么的？（学生可能有不同的回答比如是画出的，或者也有同学知道水平线功能的，让同学上到教师机演示-教师适当的称赞学生） 师：将控制权交给学生，按照事先分好的小组，让学生自主探究，并完成后练一练第一题。 （在此过程中教师要巡视教室，观察学生完成情况，对个别进行指导） 学生大部分完成后，选择完成的比较好的学生，让此学生说明步骤，教师适当的补充。 任务二、在网页中插入和设置图片 （将事先准备好的网页二、网页三打开） 师：同学们都做的非常的好，现在再“找出不同点”。 生：多了图片 师：要想我们的网页变得漂亮，怎么能少得了图片呢，那么这个图片又是怎么贴上去的呢？（学生中可能会有知道的，如果回答不出的可以给个提示：在网页中插入图片的方法与rd相同。请同学讲一下在rd中插入图片的方法） 师：现在给你们几分钟时间，看谁厉害能把图片插入进去，并完成练一练第2题。 在这一环节学生碰到的问题可能比较多，在巡视过程中要适时的给予学生帮助:提示同学在哪里找到“图片”工具栏。并鼓励学生对各种效果的尝试。 根据学生实际完成情况：如有学生弄得比较漂亮的，让学生上台演示，老师适当补充；若学生完成情况不是很理想的，老师要总结一下，讲明几个常用的设置：在图片上写字， 旋转和翻转图片，裁剪图片，设置透明色，选定按钮等。 展示网页四，让学生有个对比，给学生一点时间，分组讨论，对各自己的网页做最后的修改和补充。 任务三、保存带图片的网页并总结 师：（最后在下前评选出几组较好的，对他们进行表扬）同学们，经过你们自己的努力，你们的网页已经变得比较漂亮了，今天我们这节主要是用什么手段装扮了我们的网页？ 生答：水平线和图片 师：对，非常好，我们今天主要学习了打扮网页的两种手段：在网页中插入水平线和图片。我们以后还会学更多的打扮的手段，把我们的网页化得更漂亮，那么怎么样保存起以便我们下次再使用呢？ 生答：点保存按钮，或者是“”→“保存”（这一步一般学生都能回答出的） 师：（按学生说的步骤演示）跳出一个“保存嵌入式对话框”，教师作惊奇状，哎，为什么呢？（学生可能回答的出，也可能回答不出，对前一种情况只要按学生的说法顺势将图片的保存几个知识点说一下，若没有学生回答出，教师可自问自答：哦，原在制作网页的时候如果有图片插入的话，对图片也要进行保存，那么图片保存在哪里呢？） 教师先不作修改，直接按确定以后，关闭网页，让学生寻找刚才保存过的网页，最后发现在什么都不改动的情况下，保存在“iages”下（对于站点），再打开网页，说明各个设置。 让学生保存好自己的网页（完成后练一练第3题）