《网页制作》教学设计

1、学习好资料欢迎下载魔术揭密网页制作教学设计一、教材依据义务教育中小学教科书（实验）初中信息技术第四册，第二单元制作七彩的网页，活动 1“初识 HTML语言”以及活动 2 中的关于部分 FrontPage2000 的内容。二、设计思想【教学指导思想】信息技术课是一门实践性很强、 极富创造性、 具有明显时代发展性特点的课程。 而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的

2、引导下，对所学的内容进行探索、分析、 研究， 在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。【教学对象分析】·学生的知识能力教学对象是初二年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的 HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度， 所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。·学生心理特点分析初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，

3、他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味“小魔术” 引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。【教学内容分析】本节课是新授课且是第二单元制作七彩的网页的第一节课，“启下” 上，目的是激发学生的学习兴趣和他们的求知欲，教师将这节课的重心放在了为顺利开展以后的教学活动打好学习好资料欢迎下载基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000 的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过 HTML语言能够有效地引出制作网页的软件FrontPage200

4、0 ，继而使学生能顺其自然产生使用FrontPage2000 制作网页的兴趣。教学内容的整合：课本上将初识HTML语言和 FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000 ，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课， 这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000 之间的联系上。三、教学目标【知识与技能 】（ 1）区分文本文档、网页的图

5、标和文件格式；（ 2）了解 HTML标识性语言的功能及结构；（ 3）了解 HTML语言常用的标识符；（ 4）了解常用的制作网页的软件；（ 5）学会启动、退出 FrontPage2000 ；（ 6）了解网站设计软件 FrontPage2000 的窗口组成；（ 7）理解 FrontPage2000 编辑区的3 种工作模式的作用：即普通、HTML和预览。【过程与方法 】（ 1）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用；（ 2）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。【情感态度与价值观】（ 1）强烈的求知欲激发学生的学习兴趣和学习积极性；（ 2）

6、了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感；学习好资料欢迎下载（ 3）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。四、教学重点和难点重点：区分文本文档、网页的图标和文件格式；了解 HTML标识性语言的功能及结构；学会启动 FrontPage2000 ，了解网站设计软件FrontPage2000 的窗口组成；理解 FrontPage2000 编辑区的3 种工作模式的作用：即普通、HTML和预览。难点：理解HTML标识性语言的结构。五、教学准备搜集常用的网页制作软件的相关信息；打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常；在

7、教师机上新建“魔术”文件夹，并将其设为共享文件夹，在该文件夹中建立文本文档文件，分别用“0、1、 2、 3、4、 5、 6、 7、 8、 9”命名并写入不同内容的码；10 个HTML代共享班级文件夹；示例的班级网站及网页。六、教学模式选择“学生主体，教师主导”的教学模式。七、教学过程在本节课中 “导入” 是作为课堂教学的一个必需环节， 课堂的导入是学生主体地位的依托，也是教师主导作用的体现。 引人入胜的课堂导入，既能吸引学生的注意力，又能激发起学生的求知欲，为整堂课的和谐自然发展定下基调。因此在课堂导入中教师设计了“小魔术”这个导入环节，每位学生都可以动手完成“小魔术”，然后教师通过“小魔术”

8、的揭密活动引入本节课的学习内容HTML语言。学习好资料欢迎下载在初步了解“小魔术”的秘诀后，学生了解了 HTML语言的功能，接着教师引导学生进一步研究“小魔术”中的细节问题，通过学生的仔细观察、积极动脑、共同讨论、在理论的基础上动手实践这四个小环节， 使学生对 HTML文件的基本结构和 HTML语言常用的标识符都有了一定的了解。考虑到 HTML语言和网页制作软件FrontPage2000的内容衔接问题，教师设计了一个网页制作比赛的情境假设导入，引导学生认识到直接用 HTML语言制作比较美观的网页不仅不方便，而且难度很大，从而使学生产生寻求新方法的积极动力和学习新方法的求知欲。随后介绍 Fron

9、tPage2000 的窗口组成，展示示例网站，使学生从实例中理解 FrontPage2000 的优点，产生学习的动力。最后小结时，激励学生尝试操作，教师肯定学生的积极努力， 鼓励学生多动手，使学生在本节课中获得一定的满足感，同时对今后的课堂教学活动产生极大的兴趣。教学安排教师活动学生活动设计思想趣味导入与学生聊一聊魔术表演学生注意力集中导入设计时，围绕学生感兴趣的事物提聊一聊魔术表演提问：同学们喜不喜欢魔术表与老师交流出问题，充分吸引学演？生的注意力，与学生学生很感兴趣积极交流，首先创建引起共鸣良好的师生关系，营积极回答造轻松的课堂氛围。激励学生来当一回小小魔术家有疑惑，也有兴趣通过观察教师的

10、操作，学生能够模仿操边讲解边演示操作“小魔术”仔细观察作，目的不是让学生的内容和操作方法。学习操作的方法，而摩拳擦掌，跃跃欲试是使学生能够经过教师开始表演： 打开网上邻居自己的双手操作发的共享文件夹 “魔术” ，文件 了解操作过程现“小魔术” 的结果，夹内有若干文本文档文件，打继而导入学习内容。开其中一个文档 （如 1txt），观察文本文档中的内容，看另存为“ 1 王二 htm”或“ 1不懂，有点奇怪王二 html ”（存入网上邻居的个人文件夹中）观察、熟悉操作环境表演结束记忆操作步骤为学生解惑， 讲清楚“小魔术” 困惑，不明白这个魔术表演的结果需要同学们自己去观到底是什么意思？察。学习好资料

11、欢迎下载教学安排教师活动学生活动讲解（不演示操作） 观察“小 仔细观察魔术” 结果的方法： 打开网上邻居的个人文件夹，打开“ 1王二htm”或“ 1 王二html ”。 迫不及待的动手操作，很好奇，想象到底是什么结果。教师巡视，个别帮助。为避免文件重名， 提醒学生将观察到了魔术表演的最终结另存的文件用文本文档的文果，很兴奋，觉得不可思议学生模仿操作件名 +自己的姓名命名。个别学生演示他们的“小魔魔术结果展示术”的结果。互相观察激发学生思考 “小魔术” 的秘发现和别人的不同之处，与魔术揭秘诀。周围同学积极交流揭密过程。产生好奇心，有学习动力引导学生区分两个。感兴趣文件的图标， 并理解它们的含积极

12、思考义。引入 HTML语言。教学安排教师活动学生活动引入 HTML语言， 具体步骤： 对比“另存为” 操 仔细观察了解它的功能作前后的两个文件的图标 （例如：“ 1txt ”与“王二 htm” 发现不同之处两个文件的图标），共同讨论讲解 “小魔术” 的秘诀： 文本文档中的符号其实是一种制积极回答作网页的语言， 叫 HTML语言。了解 HTML文件的 将 HTML代码输入文本文件理解基本结构和 HTML中，然后保存到以“ htm”语言常用的标识或“html ”为文件扩展名的初步了解“小魔术”的秘诀符文件中，就可以制作网页文件。注意力集中了解 HTML文件的基本结构。观察设计思想只讲解观察“小魔术

13、”结果的方法，而不演示操作，目的是为了能将神秘感保留到学生操作时，这样不仅能够吸引学生的注意力，而且也能提高学生动手操作的积极性，体现学生的主体性。学生只有在与其他同学交流时才能发现新问题，教师才能继续新的设计思想教学活动，但有的学生的主动性较差，不与周围同学交流，所以设计了这样的环节展示魔术结果。希望能通过教师的主导作用，提高学习效率。先满足一下学生的好奇心，以免弄巧成拙，降低学生的学习兴趣。学习好资料欢迎下载展示“ 1 txt ”。了解讲解 HTML文件的基本结构：观察网页中的文字颜色，图开始标记、 内容主体、 结束标片内容，水平线粗细等记。展示 1 王二 Htm。教学安排教师活动学生活动

14、设计思想展示“ 1 txt ”。仔细观察“ 1 txt ”学生首先通过观察网页，获得直接的影结合观察网页的结果， 引导学发现与网页中“文字颜色，像信息。生了解 HTML语言常用的标识图片内容，水平线粗细”有符。关的内容紧接着选择学生较熟悉的英文单词想一想、 试一试： 能不能改变例如： color=greencolor 、green 、size文字颜色， 图片内容， 水平线等引导学生学习，这粗细？ziran jpg样容易吸引学生的注意力，而不会因为结合学生的回答演示操作。size =3看不懂便不注意听了。修改 “1txt ”另存为新的网学习氛围浓厚页文件。在修改网页时又一动脑思考次体现了选择较熟

15、展示新网页文件。悉的英文单词共同讨论，回答color 、green 、size拓展延伸介绍其他标识符的优势，学生会联想观察到用别的颜色如：如： <BR>换行yellow 、 red 等等。与旧网页文件比较。获得成同样体现了教师主<BODY BGCOLOR=#>设置背景功的喜悦导、学生主体的一个颜色设计思想。了解等等教学安排教师活动学生活动设计思想情境假设导入激励学生学以致用在理论的基础上， 动手实践，虽然又是模仿教师加深理解的操作，但并不是机FrontPage2000动动手： 模仿老师的操作， 修械的模仿，学生将自改网页中的相关内容。观察己的想法付之于行动。并从自己的成

16、果教师巡视，个别帮助兴奋中获得乐趣和满足。展示个别学生修改的网页有学习兴趣设计这个情境假设学习好资料欢迎下载肯定所有学生的努力， 表扬他们真棒！积极性高，但缺乏自信心的导入，目的是为了能够很好地衔接HTML语言和认为难度较大FrontPage2000。鼓励学生积极动手操作。教学安排介绍常用的制作情境假设：现在学校准备举行一次网页制作比赛， 哪些同学想参加呢？引导学生提出疑问： 难道没有更好的方法制作网页吗？教师活动Dreamweaver：这是网页三产生疑惑想寻求其他办法学生活动了解信息技术前沿知识教师适时地引导学生，让学生从自身的困难考虑学习问题，而不是因为老师要我们学而学习，突出了学生的主体

17、地位。设计思想网页的软件剑客之一，专门制作网页的工具，实用功能比较强大了解今后学习的新软件学会启动、Frontpage：office自带的观察退出一个工具，操作简单，实用，学起来比较轻松FrontPage2000了解任务的整体要求展示示例的班级网站说明今后的学习任务：用FrontPage2000 制作一个以班级为主题的网站学习热情高涨激励学生的学习热情仔细观察边讲解边演示操作联系启动WORD的方法记忆教学安排启动、退出 FrontPage2000的方法（与WORD类似）教师活动学生活动设计思想简单介绍 FrontPage2000简单介绍FrontPage2000的的窗口组成。大致了解展示示例的

18、班级网页。重点讲解FrontPage 编辑区的 3 种工作模式的作用。学习好资料欢迎下载普通模式：一般用来编辑、修改网页。从实例中理解FrontPage2000的优点，产演示操作插入图片、插入生学习的兴趣枯燥的概念学生很水平线。难理解，也不想主动去理解。因此将这三引导学生对比两种方法个概念溶入实例中（直接修改 HTML代码和在讲解，有事半功倍之FrontPage2000 操作），比对比文本文档和FrontPage效。较它们的优缺点。中的代码，发现类似的很多 HTML模式：一般用来查看、修改 HTML代码。观察网页效果培养学生学习兴预览模式：一般用来观趣看网页的显示效果。小结：FrontPage2000 无论是编辑网页还是观看网页效果都很方便。教学安排教师活动学生活动设计思想小结鼓励学生动手试一试，启在老师没有讲解新课前，尝紧密联系前面的学动 FrontPag