第七课 网页制作 课件+教案

第七课 网页制作 教学设计
一、教学目标1、知识与技能：(1)了解网页的HTML代码，知道如何用记事本编写简单的HTML。(2)学会利用HTML制作简单的网页。2、过程与方法：(1)通过学生自主探究,初步认识HTML代码。(2)以任务驱动策略引导学生在过程中理解、掌握技能。3、情感态度与价值观：(1)通过打开网页开始，引导学生学习的情操的陶冶。(2)展示作品，体验成功，激发学生学习信息技术的兴趣。二、教学重难点【重点】让学生了解HTML代码。【难点】制作一个简单的网页，并利用它进行小组交流。三、教学方法讲授法、任务驱动法、演示法、实践操作法、探究法、练习法四、教学准备多媒体教学系统、课件、大屏幕投影、教师话筒。五、教学过程1．问题探索，引出课题（1）让学生随便打开一个网页，并思考回答问题，网页是怎么生成的呢？（2）教师指导学生打开网页生成的源代码，让学生了解源代码。（3）师提出本次学习目标，即利用HTML代码制作网页。2．HTML代码，探索其框架（1）解释HTML代码，其是制作网页的一般语言，也是最根本性的语言，其全称为“超文本标记语言”。其一般标记为：<标记>……?
（2）HTML标记代码的一般框架为：
提炼出一般框架之后，给学生解释框架中每一条标记的作用。之后再通过屏幕墙向学生演示利用此框架来制作一个简单的网页3．实践操作，感受新知（1）让学生利用上面所讲的HTML框架来实际制作一个自己班上的网页。其中标题内容为初一年级某班，主体内容为网站正在建设中，欢迎光临指导。本任务的设计目的是让学生理解使用HTML来制作网页的合理性和有效性。二是培养学生发现问题、分析问题和解决问题的能力；自主学习与探索的能力；培养学生的审美能力。在学生上机实践的过程中，教师巡视、点拨、启发，观察学生在操作中出现的问题，找出学生共同存在的问题。任务完成后利用多媒体教学软件展示个别学生的作品，并让该学生说明其设计思想并演示操作过程，请班级其它同学给予评价。教师在最后进行小结，根据需要适当进行讲解和演示。4．练习巩固，能力拔高为了让学有余力的学生继续提升自己的能力，特别为他们设计了拔高训练，主要是利用复杂的标记语言来丰富自己所做的网页内容。本任务的设计目的是进一步激发学生的创作热情。同时，本任务具有一定的弹性，灵活性，能更好的解决学生之间存在的创新能力、审美能力、操作能力的差异，达到新课标提出的面向全体学生的目的。六、教学反思本节课建议采用以小组合作探究、交流的方式进行，教师将教学要求以任务的形式发给各小组。教师在课堂上对学生小组活动中遇到的问题及时给予指点，并检查记录各组的完成情况，也可要求各小组把讨论的图片发给老师，以便老师掌握、评价各组的完成情况。
课件7张PPT。第七课：网页制作一，HTML简介 * HTML的英文全称是Hyper Text Marked Language，
即“超文本标记语言”。HTML 是创建网页的基础语言，
也是创建网页的标准语言。* HTML代码是用来规定文字、图片等信息在网页中的显示方式。二，HTML的基本结构
网页标题网页主体内容网
页
开
始
和
结
束
标
记三，网页制作的一般步骤1，点击鼠标右键，新建一个文本文档。2，在新建文本文档中输入网页制作的基本框架。3，在网页制作框架里面输入网页标题和文本内容。4，将文本文档另存为.html的形式。四，HTML的文本设置1,网页背景颜色：
；2,字体大小颜色：

.......3,字体加粗：...........4, 换行：

......

五，HTML中的图片标记 width="280" heigh="100"/>插图开始标记图片地址图片宽度图片高度六，HTML中的超链接标记
网址名称