第一课时网页的创建.docVIP

课 题：网页的制作课 型：新授课 课时数：1课时 授课日期 2010.05.11一、教学目标： 1、知识目标a了解网页模板的作用b能根据需要选择合适的模板快速创建网页c会对网页的内容进行编辑 能力目标通过创设情景，激发学生的学习兴趣。通过制作一个简单的网页，掌握网页制作的一般过程情感目标 通过作品展示和评价，让学生体验成功的喜悦，激发学生的创造热情；通过小组的协作，培养学生的合作精神和集体主义精神。 2、教学重点、难点疑点及解决办法： 重点：学会在网页中输入和美化文字解决方法：教师讲解。 难点：学会在网页中插入图片。 解决方法：引导、多媒体演示、小组讨论 3、学法引导: 指导操作练习4、教学方法：自主、合作、探究 5、教学用具：多媒体 二、教学过程： 一）．情景导入：我们常常畅游在网络世界里，欣赏图片、下载歌曲，甚至可以及时地与人聊天、视频。网络给我们提供了丰富的资源，成了我们与别人交流的重要手段。我们也可以利用网页展示自我，与更多的朋友交流。制作网页的软件工具有多种，FrontPage 2000就是其中的一种。由于FrontPage 2000与Word 2000的界面非常相似，会用Word的同学学起来会觉得很轻松。今天我们就来学习FrontPage 2000。首先请同学们启动FrontPage 2000，启动FrontPage 2000后可以直接在编辑区内编辑网页了。教师演示操作启动FrontPage 2000，向同学们介绍FrontPage 2000界面。(课本P39)二）、讲授新课：1． 利用模板快速制作网页：问题：你制作过网页吗？使用的工具是什么？简单介绍FP和DW的特点，指点学生启动FP指导学生认识FP的环境，着重介绍网页视图的作用说明网页模板的作用指导学生利用模板新建网页指导学生认识网页视图中三个标签的作用，简单介绍HT、ML语言2． 学生动手操作与实践3． 编辑网页内容利用模板生成的网页，其中的内容都不符合我们的要求。但基本框架已经有了，我们只需要将文字和图片换成自己的内容就可以了 指导学生任何将已经保存在WORD文档中的文字复制到网页中。指导学生对图片的属性进行设置4． 预览并保存网页：指导学生保存网页，尤其是图片的保存指导学生预览网页三）、 任务驱动，学生探索与实践。（一） 建立简单网页输入文字与编辑Word文档相似，我们可以直接在编辑区输入文字。教师演示操作在编辑区输入文字。（二）提供机会，学生实践探究（二） 投影广播任务：请同学们在FrontPage 2000中，输入以下文字：宝贝小猪的家个人档案姓名：×××昵称：×××网名：宝贝小猪；爱好：电脑、上网、科技小制作、足球；理想：做个电脑工程师，遨游太空；最喜欢的人：爸爸、妈妈；最崇拜的科学家：爱迪生；最喜欢的球星：贝克汉姆；喜欢的卡通片：《宝贝猪》、《机器猫》、《猫和老鼠》；最爱吃的零食：果冻；最喜欢的运动：游泳、骑自行车、踢足球。教师随堂检查并指导学生。（以后这里可以减少打字的内容的，很多同学完不成任务）在输入文字时，当一行的长度超过窗口的显示范围时，FrontPage 2000会自动换行；没有超过窗口显示范围，想要另起一行时，在Word中按“Enter”键就可以了，而在FrontPage 2000中要用“Shift+Enter”键，如果直接按下“Enter”键，则会空一行，重新开始一个段落。教师展示学生作品。修饰文字师：在网页中输入文字后，我们再来看看如何修饰文字。在FrontPage 2000中对文字的修饰与在Word中基本相同。但要注意，由于网页是在网络上给其他浏览者观看的，如果浏览者的计算机中没有安装相应的字体，网页中的文字可能显示不出来，那样我们漂亮的网页就会显得混乱了。所以，制作网页时最好使用标准字体，少用一些特殊、新奇的字体。下面请同学们修饰文字。图片插入和调整修饰好文字后，我们还可以在网页中插入图片，利用图片会使我们的网页更生动，在FrontPage 2000中插入图片的方法与在Word 2000中插入图片的方法基本相同。但调整图片位置的方法略有不同。请同学们跟老师一起操作。2、教师演示操作：步骤1：插入图片后，选定要调整的图片，右键单击“图片属性”。步骤2：在打开的“图片属性”对话框中选择“外观”。步骤3：选择合适的参数，直到将图片调整到合适的位置。步骤4：点击文件中的“保存文件”，将网页命名为“宝贝小猪的家.htm”。网页文件的扩展名是“.htm”，我们可以使用网页浏览器打开网页文件。（四）提供机会，学生实践探究投影广播任务：请同学们在网页右上角再插入一幅图片，并将图片调整到合适的大小。（三）总结、扩展： 同学们，在这节课中我们认识了FrontPage 2000，学习在网页中插入和美化文字图片。为我们