资源简介

(共29张PPT)
互联网应用中数据的组织
***学校
***
小华是一个热爱旅行的年轻人，他听说中国大运河是世界上最长的运河之一，有着悠久的历史和丰富的文化内涵，于是他沿着中国大运河进行了一次旅行。
数字中国·大运河
数字中国
大运河
旅行结束后，小华将一路的所见所闻都记录了下来。为了宣传中国大运河的魅力，他打算参照中国大运河博物馆做一个专题网站。
如果你是小华，你将从哪些方面去介绍呢？
文化运河
主要介绍运河概况、历史沿革与知识图谱
最美地标
主要介绍溧水胭脂河、无锡环城古运河与苏州宝带桥等等
遗产百科与典藏文物
主要介绍运河的各种遗产点与收集的文物
时空地图
主要介绍中国大运河所流过的城市
数据的组织方法
网站的内容非常多，我们该采用什么样的方式组织
这些信息呢？
小华为了组织这些信息，构建了结构图，并搭建了中国大运河博物馆的专题网站。
数字中国·大运河
完善网站结构图
这样呈现的好处是什么呢？
网站中大量数据被有效组织并分类呈现出来，结构与体系非常清晰！
https:///
请同学们根据网站内容完善网站的结构图！
互联网应用中数据的组织方式
互联网应用中数据的组织方式
互联网应用中数据的组织方式
互联网中的数据被分门别类地组织起来，按照时序进行呈现，方便用户查看与检索。
邮箱
QQ
小结
学习强国
网页
互联网应用中数据的组织方式
数据的组织方法
网页中的数据是如何组织在一起的呢
数字中国·大运河 ()
数据的组织方法
“国” / “同”字形页面
同一界面
数据的组织方法
“T”字形页面
同一界面
数据的组织方法
综合框架型页面
同一界面
互联网应用中数据的组织方式
https:///frontend/#/public/home
通过超链接可以将不同位置的数据组织在一起!
P47
不同界面
数据的组织方法
超链接
分析网页中的超链接，总结超链接有哪些类型。链接目标又有哪些类型？
超链接是如何实现的呢？它背后的技术原理是什么呢？
PPT超链接展示
查看网页源代码
浏览“话说运河”网页，查看网页源代码，对比源代码与对应的网页效果，
你有什么发现？
网页源代码是由哪一种计算机语言编写的呢？
HTML
网页源代码是由超文本标记语言（Hyper Text Markup Language,简称“HTML”）
编写的代码。
HTML是用来描述网页的一种语言，用它编写的超文本文档，包含文本、图片、音频、视频、动画、超链接等元素。
超链接可以实现网页之间的跳转，从而使世界各地的主机相连接。用HTML编写的网页实际上是一种文本文件，它的扩展名是.htm或.html。我们可以使用任何文本处理软件来创建或处理HTML文件。
HTML
HTML有严格的格式，它定义了一系列的标记，用各种标记来标识文件属性和超链接信息，它的标记一般都是成对出现的。
HTML中的标记还有很多，主体部分常用的标记如下：
HTML
第五代超文本标记语言(HTML5，简称H5)是最新的HTML标准，有跨平台、强互动、易传播等特点。
H5支持在移动设备上播放音频、视频等多媒体信息，为互联网提供了全新的框架。
查看网页源代码
若要修改网页中的文字或更改图片，应如何修改源代码呢？
查看网页源代码
查看网页源代码
在记事本中进行修改
课堂总结
谢谢大家
主讲人：***
***学校
网页制作体验

展开更多......

收起↑