浙教版高一年级第六章第一节《网站和网页》的教学设计(共6页).doc

《浙教版高一年级第六章第一节《网站和网页》的教学设计(共6页).doc》由会员分享，可在线阅读，更多相关《浙教版高一年级第六章第一节《网站和网页》的教学设计(共6页).doc（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上浙教版高一年级第六章第一节网站和网页的教学设计浙江省长兴中学 孙杰 邮编： 联系电话： Email：bluegeinus【设计思想】本堂课是学习网页制作的第一课，根据新课程目标要求，要紧紧抓住万维网的基本架构、网站与网页的区别、网页的基本元素及其构件和常用的网页制作工具这条主线，引导学生思考、理解。其中涉及的HTML语言知识对学生的要求以了解为主，没有必要全面展开，否则，一是冲淡主体知识学习；二是影响教学进度，使学生越学越深、越不能理解。教学中注意双相互动，让学生在积极思考中，自主探究，学会独立思考，切忌机械记忆，在知识的不断加深中循序渐进，由浅入深地完成本课的教学目

2、标。【教材分析】这一课“网站和网页”是网页的设计与制作的起始课。首先，因为在日常生活中，同学们访问网站、打开网页基本上都会，但是要弄清网站和网页的区别，很多人都没有清晰的概念，本节内容中，首先阐述了网站和网页的区别，让同学们先弄清万维网的基本结构，让他们知道网页在万维网上的存储形式；同时教材还指出了网页的基本元素及其构件，这为以后制作网页打下了基础，使同学们有章可循，做到网页的规范化、美观化；最后还介绍了制作网页的常用工具，阐述了制作网页的一般流程。在教学中，引导学生通过设置情境、亲历现象中，揭开网页的神秘面纱。学好这一堂课，为接下去的网页制作打下良好的基础。【学情分析】在学习本章之前，学生已

3、初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。学生在学习中会遇上基本的HTML语言展示，这对他们来说是个新东西，也是比较难理解，在知识点的掌握上虽然只要求他们了解，这块内容讲得好，同时也就解决了网页的基本元素的知识点；讲得不

4、好，变得冗长难理解还浪费时间，使学生陷入讨厌的代码中。【教学目标】一、知识目标：1、识记：网页是网上信息的表达形式，它是以文件的方式存储在称作服务器的电脑上若干个网页组成一个网站，网站的地址用URL标识网页的三种基本元素：文字、图像、超链接网页用它的常用构件如表格、表单、声音等来美化网页、丰富内容制作网页的常用工具：FrontPage、Dreamweaver等2、理解网站、网页的关系网页用表格来定位它的元素FrontPage的使用3、分析HTML是如何描述网页的基本元素和常用构件的二、能力目标：培养学生透过现象看本质，了解网页的基本结构和各元素的组织形式，并运用基本原理分析现实问题的能力，从一

5、个具体问题入手，通过大家分析问题、寻找方法、运用合适的工具来解决问题，培养学生在理论知识的基础上，提升动手能力。三、情感、态度、价值观目标：通过本课的学习，引导学生体验制作网页的乐趣，具有集体荣誉感，愿意为班级的网页建设出谋划策，具有乐于助人、团结协作的精神，能尊重他人的劳动成果，有保护知识产权的意识。【重点难点】教学难点：HTML是如何描述网页的基本元素的教学重点：网页三元素及网页构件的在FrontPage中的编辑【教学策略与手段】问题引入法、讲授法、任务驱动法。这节课是制作班级网站的第一课。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而

6、完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。【课前准备】 学生思考在浏览器地址栏中输入，打开的是网站还是网页。教师准备网页素材，如文字、图片、背景音乐，下载几张布局简洁、色彩清新的网页作为范例。机房准备。【教学过程】一、“说一说”引导学生对问题进行自主探究，教师提出问题：在浏览器地址栏中输入，打开的是网站还是网页？我们班是一个优秀的集体，如果我们要在网上为我们班制

7、作一个网站来展示我们的风采，需要做些什么呢？设计意图：使学生在对问题的探究中，加强对“网站”、“网页”的认识，培养学生主动思考、分析、解决问题的能力，既锻炼了学生自主学习的能力，又在上课初就提高了学生的学习积极性和自信心，给课堂活动的顺利进行铺设了良好的探究氛围。在这里要解决的问题：大家分析该网站的功能，结合以前浏览网页的经验，总结出这些功能是由不同的网页实现的，从而让学生弄清网站和网页的关系。二、“想一想”（一）不同的网页实现了网站的不同功能，这些网页是以什么形式保存的？老师展示一张网页，将它另存在本地硬盘中，保存的同时，要学生观察保存文件类型的扩展名，讲解网页是以文件的形式存储在电脑里的。

8、（二）一般的网页有文字、图片和超链接，那么这些元素是如何组织在一起的？老师问：刚才保存的网页上面的文字、图片和超链接都保存在同一个htm文件中吗？学生讨论后老师打开刚才保存网页的文件目录，观察多了一个“网页名.file”的文件夹，用记本本打开保存的网页，展示网页代码。设计意图：引发学生对该“htm神秘文件”的探究兴趣，从而积极思考文字、图像和超链接是如何被组织在一起的。在这里要解决的问题：网页是用HTML来描述里面的元素的。三、“做一做” （一）老师组织学生一起来研究如何把文字放在网页里老师广播演示新建一个文本文档，输入HTML的基本代码，告诉学生基本的必须格式，然后插入准备好的文本，保存退出

9、。再双击打开，让学生观察变化。设计意图：让学生了解基本的HTML代码，激发他们的兴趣和成就感，让学生自己发现文本文档要把扩展名改为“.htm”才能变成一张网页，从而巩固了关于网页文件的基本知识。注意：HTML代码用最基本、最精简的（二）老师组织学生一起来研究如何把图片插入到网页里老师展示一张美丽的图片，演示如何把这张图片插入到上面做好的文字网页里。演示的过程中，先插入图片链接的代码，再逐渐修改它的属性参数，观察变化。学生练习用记事本编辑一张有图片的网页。（三）老师组织学生一起来研究如何在网页里插入超链接老师用记事本新建一张文字网页，演示将部分文字链接到上面做好的网页的代码，查看效果。教师总结：

10、文字、图像、超链接是网页的三种基本元素。一般情况下，网页都应该具备这三种元素，但也有的网页只有其中的两种，甚至只有一种。网页按其要实现地功能来组织相应的元素。四、“比一比” 学生看到刚才的代码从简单变得越来越复杂，正觉记忆困难时、临阵退缩时，老师提出新问题：大家都看到HTML变得越来越复杂，那么有没有工具代替手工输入网页文件的代码，做到所见即所得，提高效率和降低出错率？设计意图：引出常用的网页制作工具，然后演示FrontPage的基本用法，在编辑网页时对照它的HTML代码，让学生巩固HTML如何描述网页元素的知识点。 注意点：老师用FrontPage重新制作刚才用记事本编的网页文件，比一比它们

11、的效率，并调出源码，比一比它们的HTML代码。在比较中巩固HTML语言，并熟悉FrontPage界面。学生练习用FrontPage来制作具有文字、图像、超链接的网页。五、“提高”老师提出问题：网页中元素较多的情况下，如何有序地编排它们，做到页面整洁？引出使用“表格”来编排网页版块，并演示用“表单”、“音乐”和内嵌小程序来美化网页，丰富网页内容，增强网页的功能。设计意图：进一步提高学生的网页制作兴趣和对FrontPage的应用技能，对下一步制作漂亮的网页充满信心。【知识结构】 构成形式 本质 编辑代码网站 网页 HTML文件 记事本 网页制作工具FrontPage 网页【问题研讨】一、 有兴趣的同学可以查阅一下如何用JavaScript、VBScript来让网页变得更动态、神奇。二、 网页浏览器除了Internet Explorer外，还有哪些？专心-专注-专业