网页的制作_0.doc

网页的制作 ? ? ? ? 一、教学目标 1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2、认识FRONTPAGE的界面； 3、掌握在主页中插入文字、图片、水平线； 4、掌握页面文件与图片的保存。 二、教学重点 1、能在指定位置建立只有一个网页的站点 2、能在页面中插入文字、图片、水平线 3、掌握页面文件与图片的保存 三、学情分析 学生已经学习了WORD、POWERPOINT与上网浏览信息，对计算机的基本操作比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1、引入课题： 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？ 浏览新浪网站，浏览的第一个页面称为什么？ 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1：网站是不是就是网页？用自己的语言描述一下网站的概念 问题2：网页是不是就是主页？ 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。 今天我们学习用Frontpage建立站点，制作一个主页。 先来研究一下没有发布的网站,打开教师做的网站 问：同学们看到了什么？ 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2、新建站点 FP的启动 问：与word比较，有什么不同？ 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。 Html窗口：编写HTML（超文本标记语言，它是描 述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。 任务1：学生根据导学课件，在d:\建立自己站点 教师巡视指导 请一位学生示范如何建立站点,教师总结 问：在文件夹列表中看到了什么？ 分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中） 3、编辑主页与保存主页 看效果图，请学生分析主页中的元素 总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍 根据导学软件，学生完成任务2：设计主页、保存主页与图片 教师巡视指导 4、总结反馈 请学生示范，讲解如何插入图片、插入水平线，如何保存 总结：必须切换到“普通”窗口下编辑 主页的保存中存在问题： 单击“文件”“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。 5、请学生继续完成自己的主页，有能力的同学完成提高篇 教师巡视指导 6、教师与学生共同评价总结 展示学生作品，教师与学生共同评价 请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。 学生活动：学生回答问题、学观察鼠标指针、学生回答问题、学生观察网站的表现形式、齐声回答、学生浏览课件，并了解本节课的学习任务、学生观察FP界面与word的不同、学生回答、学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结 注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。 点评： 教学课题“网页制作”作为初中阶段的最后一部分内容，难度较大，教学的深度较难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较为深刻地了解，以便很好地完成教学任务，达到预期的教学效果。根据教材和《中小学信息技术课程指导纲要》中的精神，本课应以“任务驱动”的方式完成，一方面教会学生了解和熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授课教师在课前作了大量的课前准备制作出了相应的教学课件“网页制作”。 一、调动学生的学习热情，变被动学习为主动学习 整个教学过程张云老师采取了“引导加任务驱动”的模式进行。首先教师进行导入