资源简介

(共23张PPT)
义务教育《信息科技》
7 年级上册
第 4 单元 筑巢互联网
第 8 课 互联网信息编辑
新知学习
项目探究
操作练习
拓展阅读
目录
HTML是一种专门用于Web页制作的标记语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。HTML最基本的语法是<标记符>。用HTML编写的超文本文档称为HTML文档，当浏览器接收到HTML文件后，就会解释这些标记符，将标记符的功能和内容表达出来。
新知学习
标记符 功能 使用示例
文本 元素

段落标记，分段

文本内容

到

标题标记

文本内容

文本内容

无序列表
• 列表项内容

……


有序列表
1. 列表项 1 内容


2. 列表项 2 内容

……

图片元素 图片信息
音频元素
视频元素
超链接 超链接信息 网页元素
用 HTML 语言编辑网页的基本框架，一般包含标记、头标记用来说明页面用途，显示在浏览器的标题栏中；主体标记用来显示网页页面内容。
新知学习
一个 HTML 页面的整体结构大致如下：





网页内容


在大多数浏览器页面的空白位置单击鼠标右键，选择弹出菜单中的“查看网页源代码”，即可看到由HTML语言编写的源代码。
新知学习
项目探究-制作“红岩”旅行攻略网页
1
2
3
4
5
网页设计规划
新建HTML5网页
文本元素的添加 与设置
多媒体元素的添加
设置超链接、保存网页
1.网页设计规划
制作网页前，应对网页展示内容、元素布局等进行规划，使网页适合人们浏览。本次《“红岩”旅行攻略》可简要设计为一个包含标题、列表、列表说明文字和图片等元素的网页。
打开可视化网页创作工具，点击【文件】菜单的【新建（N）…】项，可创建HTML5版本网页。
网页成功创建后，可看到工作视图有代码视图、实时视图和拆分三种模式，默认为“拆分”模式。
2.新建HTML5网页
3.文本元素的添加与设置
①段落的添加
②列表的添加
③列表项说明文字的添加
④文本字体的设置
将插入光标移至【实时视图】中的标题末端，点击【插入】菜单中的【段落】 项，并选择在标题之后插入，即可添加新的段落。
将插入光标移至刚才添加的段落中，点击【插入】菜单【有序列表】项（将自动生成有序列表及第1个列表项的序号），然后输入列表项标题完成第1个列表项的添加。
将插入光标定位到【代码视图】“
1. 红岩革命纪念馆
”标记之后，点击【插 入】菜单的【段落】项，然后在【实时视图】区完成文字编辑。
选中列表项标题，打开【属性】窗口，在 【CSS】选项卡中将【字体】选项的【字体粗细】设为“bold”。
图片插入与文本插入的方法相似，将光标移至插入位置，点击【插入】菜单中【Image】选项，并在弹出对话框中选定要插入的图片文件即可。
音频元素的插入分为“控件插入”“控件设置”两个步骤：首先，将光标移到待插入的位置，点击【插入】的【HTML】子菜单的【HTML5 Audio】选项，插入一个音频控件。
4.多媒体元素的添加
图片元素
音频元素
将光标移至插入位置，点击【插入】菜单中【Image】选项，并在弹出对话框中选定要插入的图片文件。
图片
元素
音频
元素
首先，将光标移到待插入的位置，点击【插入】的【HTML】子菜单的【HTML5 Audio】选项，插入一个音频控件。
4.多媒体元素的添加
视频
元素
【插入】菜单中【HTML】子菜单的【HTML5 Video】项（或选择其他视频控件），并完成参数设置。
超链接（Hyperlink，又称超级链接）是万维网（World Wide Web）存在的基石，借助它可以实现信息之海的畅游。通过可视化网页创作工具的【属性】窗口功能，可以为不同的网页元素设置超链接。
5.设置超链接
操作练习
一、知识检测
判断题。
（1）HTML 是一门描述语言，而不是一门编程语言，主要用于描述超文本中内容的显示方式。 （　　）
（2）对文本换行显示的方法是：
文本内容
。 （　　）
（3）超链接的链接目标可以是文本或者图片。 （　　）
二、技能操练
在第5课的技能操练中，校园小记者们已经收集了不少校园热点事件，包括文字、图像、视频等新闻素材。现在由你负责校园新闻部的网络编辑工作，不妨将收集到的新闻素材制作成网页分享给同学，让大家通过网页的形式了解校园趣事吧！
网站中的超级链接
一个网页能显示的内容有限，网页内设置超级链接可以帮助我们实现不同网页之间的跳转，允许该网页同其他网页或站点之间进行链接。超链接表示了从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一张图片，一个电子邮件地址，一个文件，甚至是一个应用程序。各个网页链接在一起后，才能真正构成一个内容丰富的网站。发布到网上后，当浏览者点击已经链接的文字或图片，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
拓展阅读
义务教育《信息科技》
7 年级上册
跨学科
主题活动
8
向世界介绍我的家乡
探寻家乡独特景色
品尝家乡地道风味
寻觅家乡传奇故事
致敬家乡奋斗人物
目录
利用搜索引擎，查询更多关于渝东北地区的美丽景色，将搜集到的资料整理成一份渝东北旅游攻略吧。
拍摄旅行视频，并使用图像处理软件或音视频软件进行编辑加工，然后分享至社交平台，宣传我国西南地区的独特美景。
任务1：探寻家乡独特景色
电子地图导航工具可以查询城市餐饮、景点、便利店、加油站等信息，与第三方平台衔接，也衍生了订票、订座及打车服务等功能。假如你要邀请外地的朋友品尝一顿美味、地道的重庆火锅，你能否利用电子地图导航工具的标注、预订及导航等互联网功能服务完成美食体验呢？将你的方法及线路用文字填写或绘图的方式展示出来。
任务2：品尝家乡地道风味
任务3：寻觅家乡传奇故事
重庆奉节被称为诗城，李白、杜甫等著名诗人留下了众多优美的诗章。
1.选择你喜爱的诗句，获取相关网页视频，通过图文声像向大家传递诗歌文化。
2.请使用互联网云存储的功能或搭建私有云盘将诗词视频存储。
3.以朝代或作者的不同对诗词分类，绘制便于你记忆的思维导图。
巴渝沿岸，自古多险滩，每一处险滩附近都有一批纤夫。纤夫们身上凝聚的是重庆人逆水行舟，团结拼搏，乐观向上，开拓创新的精神。大家可以走进中国三峡博物馆，亲身感受纤夫的故事，也可在网络上查找相关故事，将故事文字以词云的形式呈现（可以利用微词云在线平台或Python制作词云），传达这种伟大的人文精神。请将生成的词云图展示出来。
任务3：寻觅家乡传奇故事
“山城棒棒军”、“绝壁开路人”这些重庆奋斗者的缩影，具象了城市发展的人文力量。最美家乡因一个个默默无闻的劳动者而充满活力。让我们运用前面学到的网页设计知识，制作最美家乡建设者网页，致敬家乡可亲可敬的劳动人物。
请大家搜集资料，写下网页设计步骤，展示你的网页作品。
任务4：致敬家乡奋斗人物

展开更多......

收起↑