有哪些信誉好的足球投注网站- 1、有哪些信誉好的足球投注网站（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
（义务教育版）七年级
全一册
第16课
探秘网页与代码
单元主题
单元名称
课名称
核心内容
第四单元
校园活动线上展
第16课探秘网页与代码
网页与HTML代码、HTML标签、网页数据的呈现
第17课制作网页展活动
标签格式、用HTML代码制作网页
第18课美化网页方法多
HTML代码美化网页、串联样式表美化网页
第19课多人协同效率高
多人协同制作网页、Markdown代码
第20课组建网站跟我做
网站建设流程、发布网站
学习目标
了解网页与代码之间的对应关系。
初步认识HTML语言，知道常用标签的作用。
了解浏览器是如何显示网页的。
验证网页内容的保存形式。
激趣导入
【问题情境】
学校每年科技节都会有许多科技体验项目，也有制作“科技节体验项目”网站的传统，今年轮到本班承担网站制作的任务。同学们浏览了往年的科技节网站作品，发现一个网站包含多个网页文件，每个网页文件保存着一堆代码。很多同学对此感到好奇：
我们看到的网页与这些代码之间有什么关系？如何调整代码改变网页的显示效果？
激趣导入
【建构】
信息爆炸的时代，我们每天都在网络世界里穿梭，刷新闻、逛购物网站、看视频、写博客……这些丰富多彩的网页就像一扇扇神奇的窗口，为我们展现着无尽的精彩。
大家有没有想过，这些界面精美、功能各异的网页是如何诞生的呢？其实，它们的背后都离不开网页代码的支撑。今天这堂课，就将带领大家揭开网页与网页代码的神秘面纱，一同探索用代码构建网页世界的奇妙之旅。
学习活动
一、网页与HTML代码
二、显示网页的过程
三、HTML代码与网页文件
学习活动
学习活动
一、网页与HTML代码
上网浏览时会接触风格各异的网页，里面有文字、图像、音频、视频等多种资源。通过网页中的超链接，可以方便地在网页和资源之间跳转。这一切到底是怎样完成的呢？
学习活动
一、网页与HTML代码
浏览一个网页，然后调出浏览器的“开发人员”工具，观察页面代码。
学习活动
一、网页与HTML代码
HTML语言中用于标记内容、格式或超链接的代码符号叫标签。
成对出现的双标签，如HTML和/HTML。
单标签，如img。
学习活动
一、网页与HTML代码
【知识链接】
标签
作用
head/head
设置文档头部
title/title
设置网页标题
body/body
设置文档主体
h1/h1
设置内容的一级标题
p/p
设置新一行
imgsrc=***/***.jpg
设置图像
ahref=xxxx/a
设置超链接
学习活动
学习活动
二、显示网页的过程
浏览器获得网页代码后，就会按照这些代码的要求，显示相应的文字、图像等，进而呈现出完整的网页效果。
学习活动
二、显示网页的过程
修改要求
修改记录
修改网页标题
更换图像
增加图像说明
【学习探究】
1．用《记事本》软件打开网页文件，根据下表的修改要求，尝试修改网页中的代码。
学习活动
二、显示网页的过程
2．参照以下方法进行操作，让网页显示一张笑脸图。
方法一：修改网页，让它显示计算机中的图像文件001.png。浏览网页，观察显示效果。
学习活动
二、显示网页的过程
2．参照以下方法进行操作，让网页显示一张笑脸图。
方法二：运行配套资源中的《图像编码转换器》软件，选择图像文件001.png后进行编码转换，然后用运行结果替换网页中的img标签。确保网页所在文件夹中没有图像文件001.png后，浏览网页，观察显示效果。
学习活动
二、显示网页的过程
2．参照以下方法进行操作，让网页显示一张笑脸图。
方法二：运行配套资源中的《图像编码转换器》软件，选择图像文件001.png后进行编码转换，然后用运行结果替换网页中的img标签。确保网页所在文件夹中没有图像文件001.png后，浏览网页，观察显示效果。
学习活动
二、显示网页的过程
显示方法
任务记录
使用文件路径
需要图像文件不需要图像文件
使用图像数据编码
需要图像文件不需要图像文件
在网页中显示图像的不同方法：
学习活动
学习活动
三、HTML代码与网页文件
网页文件是常用的保存HTML代码的容器。
一般情况下，HTML代码保存在以“.htm”“.html”等为扩展名的网页文件中。
学习活动
三、HTML代码与网页文件
学习活动
三、HTML代码与网页文件
【实践探究】
1.运行《Web服务器》软件
学习活动
三、HTML代码与网页文件
【实践探究】
2.根据提示访问这个网站。
学习活动
三、HTML代码与网页文件
【实践探究】
3.修改编码、内容等参数。
学习活动
三、HTML代码与网页文件
【实践探究】
4.修改内容后再次访问，看看显示的变化。
学习活动
三、HTML代码与网页文件
【实践探究】
课堂小结
一
文档评论（0）