网页制作教案 初中信息教案教案.doc

网页制作江汉油田东方红学校 朱江教学目标：1. 知识目标：能理解和掌握网页中一些最基本元素的使用方法。2. 能力目标：引导学生掌握FrontPage2000文件菜单中新建、保存、打开等基本操作及如何在网页中添加文字和插入图片的方法。3. 情感目标：培养学生的信息素养和创新协作的精神。教学重点：创建和制作网页。教学难点：网页中表格的运用。教学方法：1、引导法；2、自主学习合作探究结合；教学设备：大屏幕投影、网络教室、因特网、 自做教学课件教学时间：一课时教学过程：一、新课导入（2）：同学们都非常喜欢上网，当你们在网络中畅游时，往往会被美轮美奂的网页所吸引。网页变幻的外表为它蒙上了一层神密的面纱。今天，我们就一起来揭开它面纱，学习如何制作一个网页。 二、制作网页的准备（10）1、网页的定义（大屏幕展示）所谓网页,是在因特风的WWW服务中，通过浏览器观看的一些用HTML格式编写的文件。网页是由文字、图片、超链接三个最基本的要素组成的。2、工具的选择提问：当我们选择用FrontPage2000来制作网页，如何启动FrontPage2000呢？学生自主阅读课本67页明确：a.单击“开始”按钮b.在弹出的菜单中选择“程序”c.在二级级联菜单中选择“Microsoft FrontPage”即可。全体同学打开一个空白网页。3、插入文字、图片的方法提问：我们如何在网页中添加文字和图片呢？学生看书上第70至71页回答。添加文字(教师引导，学生自主学习)a.选择文件夹列表中双击Index.htm文件，进入主页面编辑状态。b.在网面中输入文字并拟好网页主题。插入图片(教师引导，学生自主学习)a.将光标移到我们要插入图片的位置，然后从菜单栏中选择“插入”；b.将鼠标指针指向“图片”c.单击二级级联菜单中的“来自文件”，这时弹出一个“图片”对话框d.在“查找范围”中找到图片文件的位置后，选择图片文件；e.单击“确定”按钮即可。4、插入表格的方法。大屏幕展示插入表格的方法。同时选择一种网页布局进行变形。5、网页布局原则1、 主次分明，中心突出；2、 大小搭配，相互呼应；3、 图文并茂，相得益彰;三、制作网页（20）1、将学生分为三个学习探究小组；2、分别给三个小组指定网页制作的内容主题；3、告诉学生制作素材保存的位置和如何使用帮助；4、教师巡视学生制作情况，发现问题，及时讲解。(个别问题，可由学生帮助解决；普遍问题，老师讲解)五、作品展示 自评互评（8）评价(学生互评和教师评价相结合) 对同学们制作的作品进行评价。保存 网页做好后，我们就切换到“预览”状态下，这时出现了刚才编辑的网页的预览效果。如果你认为网页不需要再修改了，那么你可以将网页保存下来。方法如下：1. 单击工具栏上的“保存”按钮，此时出现了“保存嵌入式文件”对话框；2. 单击“改变文件夹”按钮；3. 选择images文件夹后单击“确定”按钮。(因为我们通常把图片资料放在images文件夹里) 六、布置作业 拓展延伸（5） 今天同学们制作的网页结构大概可分为“国”字型、拐角型、标题型。这也是我们最常见的几种结构。同学们能不能创作更有创意，而且比较实用的网结构呢？七、小结大家制作的网页都非常美观，看来同学们对制作网页的过程中对表格的运用掌握的不错。今天我们学习了如果运用表格结网页布局，有的同