人教版信息科技七年级《探秘网页与代码》教学PPT课件.pptxVIP

人教版初中信息科技七年级全一册探秘网页与代码第三单元便捷的互联网服务第16课汇报人：XXX时间：XXXXX

3课堂小结1新课导入2新知讲解《目录》

《01》新课导入

说到网页?想必大家都不会觉得陌生

我们在使用网络查找信息、浏览资讯的时候能看到各种各样风格迥异的网页，在这些网页中包含着很多类型的信息，像精美的图片、有趣的视频、美妙的音频、令人无限回味的文字等等……那么这样精彩的网页是怎样诞生的呢？从这个单元开始我们将共同创造一个属于自己的网络空间——个人网络主页！

单元学习目标123通过观察、修改网页，写出网页内容、结构与对应代码间的对应关系，说出HTML语言中各个标签的作用，能设计简单（包含文字、图片、链接）的网页；通过体验网页制作确定主题、搜集素材、确定结构、制作网页、美化网页、发布网站的一般步骤，能够独立完成完整网页的制作，并尝试使用人工智能辅助进行网页设计与美化；通过制作小组网站，能够运用多人协同的概念、方法制作更加精美、复杂的主题网站；

学习目标123观察“唐朝”网页的开发者页面，说出网页不同元素的标签代码；自主学习《基础网页标签的用法》，根据要求设计自己的主题网页，并总结不同标签内容修改的方法；尝试用记事本修改制作完成的网页，思考网页代码是否必须保存到HTML文件中；

《02》新知探究

请同学们观察“唐朝”网页，说说网页中包含哪些元素？这些元素对应哪些代码呢？请同学们认真观察老师的操作思考以上问题！评价任务1：说出网页不同元素的标签代码

标签作用head/head设置网页头部title/title设置网页标题body/body设置正文主体h1/h1设置内容的一级标题p/p设置新一行imgsrc=***.jpg设置图像ahref=xxxx/a设置超链接评价任务1：说出网页不同元素的标签代码

同学们肯定已经迫不及待想要体验自己制作网页了，接下来请同学们按照要求自主设计网页，并总结上述标签内容的修改方法！具体要求如下：1.结合“网页标签作用表”自主学习《基础网页标签的用法》视频；2.以“中国封建王朝简介”为主题，自主选择一个朝代，用网页的方式介绍该朝代的主要特点；3.网页内容要包含图片、文字，文字要有换行和格式的变化；评价任务2：制作主题网页

标签作用head/head设置网页头部title/title设置网页标题body/body设置正文主体h1/h1设置内容的一级标题p/p设置新一行imgsrc=***.jpg设置图像ahref=xxxx/a设置超链接那么这些标签承载的内容如何修改呢？评价任务3：修改网页

请同学们尝试使用记事本修改网页代码，并思考HTML代码一定要用网页保存吗？评价任务3：修改网页

浏览器需要的是HTML代码，实际浏览过程中，浏览器只要能得到相应的HTML代码就可以了，并不要求必须以网页文件形式保存。index.htmindex.htmlindex.txt评价任务3：修改网页

《03》课堂小结

课堂小结：1．HTML是一种可用于描述网页的语言。2．HTML语言中用于标记内容、格式或超链接的代码符号叫标签。3．HTML代码不一定保存在网页文件中。

当堂达标：1.在网页开发者工具中，以下哪个标签通常用于定义网页的标题内容？（）A.head B.titleC.header D.h12.如果想在网页中插入一张图片，应该使用的标签是（）A.link B.divC.imgsrc=图片路径 D.table3.以下关于HTML文件的描述，正确的是（）A.网页代码必须保存为.txt文件才能运行B.网页代码必须保存为.html文件才能被浏览器解析C.用记事本修改的网页代码可直接保存为.exe文件D.所有标签内容修改后无需保存即可生效4.用记事本修改网页代码后，必须如何操作才能让修改生效？（）A.直接关闭记事本 B.保存为.txt文件C.保存并刷新浏览器 D.复制代码到Word文档5.以下关于网页标签的说法，错误的是（）A.img标签用于插入图片 B.a标签可以创建超链接C.p标签用于定义表格 D.h1到h6是标题标签

人教版初中信息科技七年级全一册探秘网页与代码第三单元便捷的互联网服务第16课汇报人：XXX时间：XXXXX