所属成套资源：湘教版信息技术七年级下册PPT课件+教案全套
初中信息技术湘电子版（2019）七年级下册第7节 认识HTML和HTML5网页集体备课课件ppt
展开这是一份初中信息技术湘电子版（2019）七年级下册第7节 认识HTML和HTML5网页集体备课课件ppt，文件包含湘电子版信息技术第7节认识HTML和HTML5网页课件pptx、湘电子版信息技术第7节认识HTML和HTML5网页教案docx等2份课件配套教学资源，其中PPT共33页， 欢迎下载使用。
湘电子版七年级下册第三单元第7节认识HTML和HTML5网页
教学设计
课题 | 认识HTML和HTML5网页 | 单元 | 第三单元 | 学科 | 信息技术 | 年级 | 七年级 |
学习 目标 | 1、认识HTML网页和HTML5网页；了解所见即所得的网页编辑器 2、理解网站的基本结构和HTML。 | ||||||
重点 | 认识HTML网页和HTML5网页；了解所见即所得的网页编辑器；理解网站的基本结构和HTML。 | ||||||
难点 | 理解网站的基本结构和HTML | ||||||
教学过程 |
教学环节 | 教师活动 | 学生活动 | 设计意图 |
导入新课 | 当我们在网络上浏览信息时，经常会被一些内容丰富、结构清晰、版面美观、浏览方便的页面所吸引，我们看到的网页是浏览器对HTML解释显示的结果。HTML标记语言的超文本功能，把网页连接起来形成多姿多彩的互联网世界。 | 听老师讲解 | 调动学生学习的积极性，为以下的学习打下良好的基础 |
讲授新课 | 活动任务 本节我们认识HTML和HTML5网页，了解网页背后的知识。 我的问题 (1)什么是网页？ (2)计算机上浏览的网页和手机上收到的网页有什么不同? 活动建议 我们对网站并不陌生，可以先通过典型的网站样例，了解网站的基本结构, 从而进一步了解网页，并通过实践操作了解网页背后的超文本标记语言。 从互联网搜索HTML5网页的相关信息，了解它与传统网页的不同之处。 活动过程 一、认识HTML网页 1.网站的基本结构 (1)网页。 网页是网站的基本信息单位，是HTML文件，是一种可以在互联网上传输，并被浏览器认识和翻译成页面显示出来的文件 网页中包括文本、图片、动画、音频、视频、特效、超链接等内容。 (2)网站。 网站是由若干个网页组成，这些网页具有某些相同类型的信息，通过各种超链接互相连接在一起。 网站最基本的功能就是提供各种服务 新浪网提供各类资讯；百度提供了强大的搜索功能 购物网站则提供了各种商品的买卖服务 网站分类 根据网站所用编程语言分类：例如asp网站、php网站、jsp网站、Asp.net网站等； 根据网站的用途分类：例如门户网站（综合网站）、行业网站、娱乐网站等； 根据网站的功能分类：例如单一网站（企业网站）、多功能网站（网络商城）等等。 根据网站的持有者分类：例如个人网站、商业网站、政府网站、教育网站等。 根据网站的商业目的分类：营利型网站（行业网站、论坛）、非营利性型网站（企业网站、政府网站、教育网） (3)主页。 网站的第一页一般称为主页。主页的文件名一般为“index. Html”。 主页也被称为首页，是用户打开浏览器时默认打开的网页，主要包含个人主页、网站网页、组织或活动主页、公司主页等。 主页一般是用户通过搜索引擎访问一个网站时所看到的首个页面，用于吸引访问者的注意，通常也起到登陆页的作用。 在一般情况下，主页是用户用于访问网站其他模块的媒介，主页会提供网站的重要页面及新文章的链接，并且常常有一个搜索框供用户搜索相关信息 做一做 浏览多个网站，体验网站的基本结构。 2.HTML 在全球范围内发布信息需要一种通用的出版语言，这种语言必须让所有的计算机都能够读懂。 HTML就是在互联网上通用的出版语言，大多数网页都使用它来描述文件。 HTML文档本身是文本格式的文件，可以由任何一种文本编辑软件编辑，只需将文件的扩展名改为“.htm”或 “.html”，就可以使用浏览器浏览。 新建文本文件，复制粘贴以下HTML代码，保存文件名为“test.html”，并通过浏览器查看网页效果 <html> <head> <title> 认识 HTML</title> </head> <body> <p>这是我的第一个网页，在这里</p> <table width=”80%” border=T” cellpadding=',On> <tr> <TD> </TD> , <TD> </TD> </tr> </table> <ahref= “http://www.dreamdu.com/xhtml/” >快来学习 HTML 吧!</a> </body> </ html > HTML的实质是利用特殊的标记符号，对文本、图片、链接及其格式等网页元素进行标记，供浏览器进行解释并显示结果。 HTML及其文档的基本结构特点如下。 (1)、标记用<>,成对出现。 (2)、语句嵌套。 (3)、不分大小写。 有一些由“<>”括起来的字符串，如<title>、</title>、<body>、</body>等，这些就是HTML标记。每个HTML标记代表着一些特定的含义。 HTML标记分单标记和双标记两种。双标记是以开始标签开始，以结束标签结束，结束标签比开始标签多一个斜杠“/”。单标记只有开始标记，没有结束标记。 HTML文件结构如下 ＜ html:＞标记网页的开始 ＜head＞标记头部的开始 ＜title＞显示在浏览器左上方的标题＜/ title> ＜/head＞标记头部的结束 ＜ body＞标记页面正文开始 ＜/body＞标记页面正文结束 ＜/html＞标记网页的结束 HTML标签是由尖括号包围的关键词，通常成对出现。 说一说 试说说你所理解的HTML文档的基本结构？ <html> 表示HTML文件的开头 <head> <title>页面标题</title> </head> 页面标题放于<title>和</title>之间 <body> 页面内容 </body> 网页的主要内容放于<body>和</body>之间 <html> 表示HTML文件的结束 3.所见即所得的网页编辑器 直接使用HTML编写网页的方法被称为手工编写方法。 在互联网出现的 最初几年里，人们都是使用这种方法编辑网页的。 但随着万维网在全世界的普及，人们发现了手工编写网页的缺点一一编写速度慢、结果不直观。在这种情况下，所见即所得的网页编辑器，即网页制作软件出现了。 常见的网页制作软件有FrontPage、Dreamweaver等。 FrontPage功能强大、简单易用，具有站点管理、发布等功能，适合初学网页制作的人员； Dreamweaver功能齐全、兼容性强，更适合专业的网页制作人员。使用网页制 作软件，制作人员不用了解HTML的基本语法，也可以制作岀丰富的网页。 这是因为在制作网页时HTML代码会自动生成。 利用网页制作软件编辑网页 网页的HTML代码 浏览器下预览的网页 二、认识HTML5网页 HTML5 （以下简称H5）是一种高级网页技术，它是HTML最新的修订版 本，是目前互联网前端开发的主流语言。 与传统的网页界面相比，H5网页能适配不同尺寸的终端设备，兼容市场上的各种浏览器。 由于每种设备的屏幕比例不一样，很容易出现网页变形等问题，影响浏览效果。H5会根据设备的屏幕比例，自动调整网页的比例，很好地避免了网页变形等问题，给用户良好的体验。 H5网页还具有页面绚丽多彩，能实现多种冲击力强的网站视觉效果的优势。 HTML5的优点 1、提高可用性和改进用户的友好体验； 2、有几个新的标签，这将有助于开发人员定义重要的内容； 3、可以给站点带来更多的多媒体元素(视频和音频)； 4、可以很好的替代FLASH和Silverlight； 5、当涉及到网站的抓取和索引的时候，对于 SEO很友好； 6、将被大量应用于移动应用程序和游戏； 7、可移植性好。 试一试 在网络中搜索“40年大美时光” H5的案例，体验H5网页。 课堂练习 上网搜索如何查看网页的html代码 第一种方法： 1、打开一个网页； 2、点击浏览器上的菜单“查看”； 3、选择其中的“源文件”选项，即可以打开一个记事本文件，其中就是这个网页的源代码。 第二种方法： 1、打开一个网页； 2、将鼠标放置到网页上的任何位置（只要位于没有链接、图片处，最好是网页中的空白区域）； 3、点击鼠标右键，选择其中的“查看源文件”即可。 |
了解本节课的问题
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
了
了解网站分类
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生小组间讨论，共同完成任务。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
了解HTML
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生小组间讨论，共同完成任务。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生小组间讨论，共同完成任务。
学生小组间讨论，共同完成任务，并分组汇报。
|
带着问题可更好的去解决问题
通过小组合作，加强学生组内团结、共同完成任务
拓展思维，培养团结合作的精神
通过小组合作，加强学生组内团结、共同完成任务
培养学生组间合作能力，并且炼动手能力
通过小组合作，加强学生组内团结、共同完成任务
拓展思维，培养团结合作的精神
通过小组合作，加强学生组内团结、共同完成任务
培养学生组间合作能力
通过小组合作，加强学生组内团结、共同完成任务
通过小组合作，加强学生组内团结、共同完成任务
培养学生组间合作能力，并且炼动手能力
培养学生独立完成练习的能力。
|
课堂小结 |
总结本节课所学内容
| 学生回答 | 梳理本节课的知识点，完成学习目标，培养学生总结概况能力 |
板书设计 | 一、认识HTML网页 1.网站的基本结构 2.HTML 3.所见即所得的网页编辑器 二、认识HTML5网页 |
|
|
相关课件
这是一份信息技术七年级下册第9节 制作HTML5网页多媒体教学ppt课件，共38页。PPT课件主要包含了我的问题，活动建议，活动过程，制作网页，组合发布作品，总结本节课所讲内容等内容，欢迎下载使用。
这是一份湘电子版（2019）七年级下册第三单元 网站设计与制作第7节 认识HTML和HTML5网页课文内容ppt课件，共33页。PPT课件主要包含了我的问题，活动建议，认识HTML网页，活动过程，HTML文件结构如下，总结本节课所讲内容等内容，欢迎下载使用。
这是一份初中信息技术湘电子版（2019）八年级上册第8节 认识Python语言评课课件ppt，文件包含湘电子版认识Python语言课件pptx、湘电子版认识Python语言教案docx等2份课件配套教学资源，其中PPT共30页， 欢迎下载使用。
