《网页制作》教学设计

魔术揭密网页制作教学设计一、教材依据义务教育中小学教科书（实验）初中信息技术第四册，第二单元制作七彩的网页，活动1“初识HTML语言”以及活动2中的关于部分FrontPage2000的内容。二、设计思想【教学指导思想】信息技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。【教学对象分析】学生的知识能力教学对象是初二年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。学生心理特点分析初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味“小魔术”引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。【教学内容分析】本节课是新授课且是第二单元制作七彩的网页的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。三、教学目标【知识与技能】（1）区分文本文档、网页的图标和文件格式；（2）了解HTML标识性语言的功能及结构；（3）了解HTML语言常用的标识符；（4）了解常用的制作网页的软件；（5）学会启动、退出FrontPage2000；（6）了解网站设计软件FrontPage2000的窗口组成；（7）理解FrontPage2000编辑区的3种工作模式的作用：即普通、HTML和预览。【过程与方法】（1）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用；（2）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。【情感态度与价值观】（1）强烈的求知欲激发学生的学习兴趣和学习积极性；（2）了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感；（3）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。四、教学重点和难点重点：区分文本文档、网页的图标和文件格式；了解HTML标识性语言的功能及结构；学会启动FrontPage2000，了解网站设计软件FrontPage2000的窗口组成；理解FrontPage2000编辑区的3种工作模式的作用：即普通、HTML和预览。难点：理解HTML标识性语言的结构。五、教学准备搜集常用的网页制作软件的相关信息；打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常；在教师机上新建“魔术”文件夹，并将其设为共享文件夹，在该文件夹中建立10个文本文档文件，分别用“0、1、2、3、4、5、6、7、8、9”命名并写入不同内容的HTML代码；共享班级文件夹；示例的班级网站及网页。六、教学模式选择“学生主体，教师主导”的教学模式。七、教学过程在本节课中“导入”是作为课堂教学的一个必需环节，课堂的导入是学生主体地位的依托，也是教师主导作用的体现。引人入胜的课堂导入，既能吸引学生的注意力，又能激发起学生的求知欲，为整堂课的和谐自然发展定下基调。因此在课堂导入中教师设计了“小魔术”这个导入环节，每位学生都可以动手完成“小魔术”，然后教师通过“小魔术”的揭密活动引入本节课的学习内容HTML语言。在初步了解“小魔术”的秘诀后，学生了解了HTML语言的功能，接着教师引导学生进一步研究“小魔术”中的细节问题，通过学生的仔细观察、积极动脑、共同讨论、在理论的基础上动手实践这四个小环节，使学生对HTML文件的基本结构和HTML语言常用的标识符都有了一定的了解。考虑到HTML语言和网页制作软件FrontPage2000的内容衔接问题，教师设计了一个网页制作比赛的情境假设导入，引导学生认识到直接用HTML语言制作比较美观的网页不仅不方便，而且难度很大，从而使学生产生寻求新方法的积极动力和学习新方法的求知欲。随后介绍FrontPage2000的窗口组成，展示示例网站，使学生从实例中理解FrontPage2000的优点，产生学习的动力。最后小结时，激励学生尝试操作，教师肯定学生的积极努力，鼓励学生多动手，使学生在本节课中获得一定的满足感，同时对今后的课堂教学活动产生极大的兴趣。教学安排教师活动学生活动设计思想趣味导入聊一聊魔术表演与学生聊一聊魔术表演提问：同学们喜不喜欢魔术表演？引起共鸣激励学生来当一回小小魔术家边讲解边演示操作“小魔术”的内容和操作方法。教师开始表演：打开网上邻居的共享文件夹“魔术”，文件夹内有若干文本文档文件，打开其中一个文档（如1txt），另存为“1王二htm”或“1王二html”（存入网上邻居的个人文件夹中）表演结束为学生解惑，讲清楚“小魔术”的结果需要同学们自己去观察。学生注意力集中与老师交流学生很感兴趣积极回答有疑惑，也有兴趣仔细观察摩拳擦掌，跃跃欲试了解操作过程观察文本文档中的内容，看不懂，有点奇怪观察、熟悉操作环境记忆操作步骤困惑，不明白这个魔术表演到底是什么意思？导入设计时，围绕学生感兴趣的事物提出问题，充分吸引学生的注意力，与学生积极交流，首先创建良好的师生关系，营造轻松的课堂氛围。通过观察教师的操作，学生能够模仿操作，目的不是让学生学习操作的方法，而是使学生能够经过自己的双手操作发现“小魔术”的结果，继而导入学习内容。教学安排教师活动学生活动设计思想学生模仿操作魔术结果展示魔术揭秘讲解（不演示操作）观察“小魔术”结果的方法：打开网上邻居的个人文件夹，打开“1王二htm”或“1王二html”。教师巡视，个别帮助。为避免文件重名，提醒学生将另存的文件用文本文档的文件名+自己的姓名命名。个别学生演示他们的“小魔术”的结果。激发学生思考“小魔术”的秘诀。揭密过程。引导学生区分两个。文件的图标，并理解它们的含义。引入HTML语言。仔细观察迫不及待的动手操作，很好奇，想象到底是什么结果。观察到了魔术表演的最终结果，很兴奋，觉得不可思议互相观察发现和别人的不同之处，与周围同学积极交流产生好奇心，有学习动力感兴趣积极思考只讲解观察“小魔术”结果的方法，而不演示操作，目的是为了能将神秘感保留到学生操作时，这样不仅能够吸引学生的注意力，而且也能提高学生动手操作的积极性，体现学生的主体性。学生只有在与其他同学交流时才能发现新问题，教师才能继续新的教学安排教师活动学生活动设计思想引入HTML语言，了解它的功能了解HTML文件的基本结构和HTML语言常用的标识符具体步骤：对比“另存为”操作前后的两个文件的图标（例如：“1txt”与“王二htm”两个文件的图标），讲解“小魔术”的秘诀：文本文档中的符号其实是一种制作网页的语言，叫HTML语言。将HTML代码输入文本文件中，然后保存到以“htm”或“html”为文件扩展名的文件中，就可以制作网页文件。了解HTML文件的基本结构。展示“1txt”。讲解HTML文件的基本结构：开始标记、内容主体、结束标记。展示1王二Htm。仔细观察发现不同之处共同讨论积极回答理解初步了解“小魔术”的秘诀注意力集中观察了解观察网页中的文字颜色，图片内容，水平线粗细等教学活动，但有的学生的主动性较差，不与周围同学交流，所以设计了这样的环节展示魔术结果。希望能通过教师的主导作用，提高学习效率。先满足一下学生的好奇心，以免弄巧成拙，降低学生的学习兴趣。教学安排教师活动学生活动设计思想展示“1txt”。结合观察网页的结果，引导学生了解HTML语言常用的标识符。想一想、试一试：能不能改变文字颜色，图片内容，水平线粗细？结合学生的回答演示操作。修改“1txt”另存为新的网页文件。展示新网页文件。拓展延伸介绍其他标识符如：换行设置背景颜色等等仔细观察“1txt”发现与网页中“文字颜色，图片内容，水平线粗细”有关的内容例如：color=greenziranjpg size =3学习氛围浓厚动脑思考共同讨论，回答观察与旧网页文件比较。获得成功的喜悦了解学生首先通过观察网页，获得直接的影像信息。紧接着选择学生较熟悉的英文单词color、green、size等引导学生学习，这样容易吸引学生的注意力，而不会因为看不懂便不注意听了。在修改网页时又一次体现了选择较熟悉的英文单词color、green、size的优势，学生会联想到用别的颜色如：yellow、red等等。同样体现了教师主导、学生主体的一个设计思想。教学安排教师活动学生活动设计思想情境假设导入FrontPage2000激励学生学以致用动动手：模仿老师的操作，修改网页中的相关内容。教师巡视，个别帮助展示个别学生修改的网页肯定所有学生的努力，表扬他们真棒！鼓励学生积极动手操作。情境假设：现在学校准备举行一次网页制作比赛，哪些同学想参加呢？引导学生提出疑问：难道没有更好的方法制作网页吗？在理论的基础上，动手实践，加深理解观察兴奋有学习兴趣积极性高，但缺乏自信心认为难度较大产生疑惑想寻求其他办法虽然又是模仿教师的操作，但并不是机械的模仿，学生将自己的想法付之于行动。并从自己的成果中获得乐趣和满足。设计这个情境假设的导入，目的是为了能够很好地衔接HTML语言和FrontPage2000。教师适时地引导学生，让学生从自身的困难考虑学习问题，而不是因为老师要我们学而学习，突出了学生的主体地位。教学安排教师活动学生活动设计思想介绍常用的制作网页的软件学会启动、退出FrontPage2000Dreamweaver：这是网页三剑客之一，专门制作网页的工具，实用功能比较强大Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松展示示例的班级网站说明今后的学习任务：用FrontPage2000制作一个以班级为主题的网站激励学生的学习热情边讲解边演示操作启动、退出FrontPage2000的方法（与WORD类似）了解信息技术前沿知识了解今后学习的新软件观察了解任务的整体要求学习热情高涨仔细观察联系启动WORD的方法记忆教学安排教师活动学生活动设计思想简单介绍FrontPage2000的窗口组成培养学生学习兴趣简单介绍FrontPage2000的窗口组成。展示示例的班级网页。重点讲解FrontPage编辑区的3种工作模式的作用。普通模式：一般用来编辑、修改网页。演示操作插入图片、插入水平线。引导学生对比两种方法（直接修改HTML代码和在FrontPage2000操作），比较它们的优缺点。HTML模式：一般用来查看、修改HTML代码。预览模式：一般用来观看网页的显示效果。小结：FrontPage2000无论是编辑网页还是观看网页效果都很方便。大致了解从实例中理解FrontPage2000的优点，产生学习的兴趣对比文本文档和FrontPage中的代码，发现类似的很多观察网页效果枯燥的概念学生很难理解，也不想主动去理解。因此将这三个概念溶入实例中讲解，有事半功倍之效。教学安排教师活动学生活动设计思想小结鼓励学生动手试一试，启动FrontPage2000，一方面熟悉窗口，一方面尝试制作简单的网页。教师巡视，观察学生的操作，纠正个别错误的操作。肯定学生的积极努力鼓励学生多动手激励学生在今后的课中更进一步在老师没有讲解新课前，尝试操作，有新鲜感，产生积极的学习兴趣期待下节课的到来，有满足感紧密联系前面的学习内容，反复讲解，对学生的学习也能起到一定的帮助作用。适时小结是为了突出本节课的重点，为今后的教学活动开展打好基础，做好铺垫。八、教学反思在信息技术教学中，必须以新的教学理念和教学理论为指导，根据新的课程标准，探索适合信息技术课堂教学的教与学的新策略和新模式来挖掘学生潜能，提高学生素质。以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。实践证明我的想法是好的，但是在实践中难免有疏忽和做的不够细的地方。比如：由于我的观察不全面，忽略了个别学生学习中的心理障碍，有些学生的畏难情绪影响到他的整个学习效果；课堂学习气氛热烈但不够和谐。这些都说明了一个问题：我仅仅注重了学生整体主体的体现，而忽略了个体。经过思考，我认为在这节课的教学设计中可以多增加个体展示的机会，特别是那些学习有困难的学生，我应该多关注他们的动态，多帮助他们。