《网页制作的教学设计.docx》由会员分享，可在线阅读，更多相关《网页制作的教学设计.docx（9页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页制作的教学设计 网页制作的教学设计 一、教学目标 1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2、相识 FRONTPAGE 的界面； 3、驾驭在主页中插入文字、图片、水平线； 4、驾驭页面文件与图片的保存。 二、教学重点 1、能在指定位置建立只有一个网页的站点（难点） 2、能在页面中插入文字、图片、水平线 3、驾驭页面文件与图片的保存（难点） 三、学情分析 学生已经学习了 WORD、POWERPOINT 与上网阅读信息，对计算机的基本操作（ WORD 中文档的编辑，网页的阅读等）比较娴熟。这使得学生主动探究、自主学习成为可能。每位学生必需完成基本任务，有实力的学生还可以
2、完成提高篇的学习，以充分发挥学生的主动性与自主性。 四、教学方法 在教学中，一方面采纳比较教学的方法，促进学生学问的迁移；另一方面，供应学生一个导学课件，让学生依据这个网络环境下的课件自己探究学习，以满意不同层次学生的需求。 五、教学过程设计 老师活动： 1、引入课题：（激发爱好，活跃气氛） 同学们喜不喜爱上网？常常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 阅读新浪网站，阅读的第一个页面称为什么？（主页） 我们还可以阅读其它的页面，点击超链接阅读，当鼠标变成手指的形态时有超链接。 问题 1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超
3、链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？ ( 第一个页面称为主页 , 网站设计者可以确定哪一个是主页 , 主页的文件名一般为： index.htm, 主页也是网页 ) 设计网站一般必需经过两个步骤，首先是在计算机里做好，然后发布在 internet 上，让全部的人访问阅读。 今日我们学习用 Frontpage 建立站点，制作一个主页。 先来探讨一下没有发布的网站 , 打开老师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是全部与网站相关的文件。 打开主页，阅读页面，这是老师做的一个导学课件，将帮助大家完
4、成学习任务。 请学生阅读老师课件，了解学习任务 2、新建站点 FP 的启动 问：与 word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了便利网站的管理。制作网页时，必需在网页视图中编辑页面 一般窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：阅读器中出现的效果，与 PowerPoint 中的 “ 放映幻灯片 ” 类似。 Html 窗口：编写 HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，依据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。 （教会学生利用导学课件，依据导
5、学软件完成任务） 任务 1 ：学生依据导学课件，在 d: 建立自己站点 老师巡察指导 请一位学生示范如何建立站点 , 老师总结 问：在文件夹列表中看到了什么？ 分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在 images 文件夹中） 3、编辑主页与保存主页 看效果图，请学生分析主页中的元素 总结：显明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简洁介绍 依据导学软件，学生完成任务 2 ：设计主页、保存主页与图片 老师巡察指导 4、总结反馈 请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存 总结：必需切换
6、到 “ 一般 ” 窗口下编辑 主页的保存中存在问题： 单击 “ 文件 ”-“ 保存 ” 或工具栏的 “ 保存 ” 按扭，弹出一个对话框，保存嵌入式文件，变更文件夹，图片必需保存在本站点 images 文件夹中 , 便于站点的管理。 5、请学生接着完成自己的主页，有实力的同学完成提高篇 老师巡察指导 6、老师与学生共同评价总结 展示学生作品，老师与学生共同评价 请学生总结今日的学习内容：建立包含一个页面的站点，主页的设计与保存。 学生活动：学生回答问题、学视察鼠标指针、学生回答问题、学生视察网站的表现形式、齐声回答、学生阅读课件，并了解本节课的学习任务、学生视察 FP 界面与 word 的不同、
7、学生回答、学生视察老师演示不同编辑窗口的区分。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌相互帮助，并参考老师做的课件，利用网络环境下的课件自己探究学习，满意不同层次学生的需求、学生总结 注：课件中包含每一个操作过程的操作步骤及拓展的学问、基本任务与提高任务的效果图。 点评： 教学课题 “ 网页制作 ” 作为初中阶段的最终一部分内容，难度较大，教学的深度较难驾驭。这就要老师在备教材的基础上，同时还要备学生，做到对学生的状况有较为深刻地了解，以便很好地完成教学任务，达到预期的教学效果。依据教材和中小学信息技术课程指导纲要（试行）中的精神，本
8、课应以 “ 任务驱动 ” 的方式完成，一方面教会学生了解和熟识详细软件的基本功能，另一方面又能主动地驾驭并深化学习思索。寻着这个思路授课老师在课前作了大量的课前打算制作出了相应的教学课件 “ 网页制作 ” 。 一、调动学生的学习热忱，变被动学习为主动学习 整个教学过 程张云 老师实行了 “ 引导加任务驱动 ” 的模式进行。首先老师进行导入，导入概念，强调概念；再引导学生学习课件的运用，引导他们读懂课件中的第一个任务：建立一个只有一页的网站，（此处若能引导学生，由学生来完成，削减老师的操作，效果会更好），然后让学生仿照第一步的操作进行下面内容的学习，完成导学材料中给出的一个个任务。 二、突出重点
9、，刚好点评 张云 老师在引导学生进行学习、操作后，就主动地去视察和发觉学生中出现的问题，甚至于课前对可能出现的问题，也进行有预见性地打算；发觉问题刚好点评。（点评分为个别点评和全班点评，点评不等于老师将操作过程演示一遍。 张云 老师在点评建成的网站时，重点若再突出些，介绍再清晰些，效果会更好。比如：站点中内容说明不够清晰等。） 三、发挥学生的协作学习精神 张云 老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学习的精神，充分调动学生学习的主动性，让学有余力的学生充当 “ 小老师 ” ，从而体会到学习的乐趣。（整个教学过程中，这点做地不够，没有充分地让师生互动起来） 四、重点
10、突出、目标明确 最终， 张 老师在整个教学过程中，应再突出教学重点，明确本节课的任务。（课前的导入，最好给出教学目标，课后的小结应让学生总结他本堂课学习到哪些学问，所以感觉这节课重点不突出，内容分散。） 五、教学效果较好 由 于张云 老师在课前对本课作了大量的打算工作，课件制作效果较好，所以学生完成状况很好，教学任务完成状况较好。 “网页的制作”教学设计 网页的制作教学设计 网页制作的教学设计 网页制作教学设计 网页制作教学设计 网页制作表单的设计教学设计 制作网页教学设计（优秀） 网页制作软件 教学设计 网页横幅广告的制作教学设计 网页设计与制作教学总结 本文来源：网络收集与整理，如有侵权，请联系作者删除，谢谢！第9页 共9页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页第 9 页 共 9 页