6.4 万维网WWW

思维导图：

6.4 万维网WWW

1. 概述：

   • 万维网（WWW）是互联网上的一个信息存储空间，它允许用户通过链接轻松访问不同网站的内容。

2. 分布式服务：

   • WWW是分布式的，意味着信息分散存储在世界各地的服务器上。

3. 链接和超链接：

   • 文档中的特定文本（如不同颜色或下划线文字）表明存在链接，点击这些可以跳转到其他文档。

4. 互联网的变革：

   • WWW的出现使得互联网从专业人士的工具转变为大众的信息资源，推动了网站数量的指数级增长。

5. 发展历程：

   • 由Tim Berners-Lee于1989年提出，1993年出现了第一个图形界面浏览器Mosaic，紧随其后的是Netscape Navigator和Internet Explorer。

6. 超媒体系统：

   • WWW是超文本系统的扩展，超文本仅包含文本和链接，而超媒体还包含图形、声音、视频等多种媒体形式。

7. 分布式和非分布式的区别：

   • 分布式系统中文档分散存储，链接可能不一致；非分布式系统中文档存储于单机，链接一致性更容易维护。

8. 客户服务器模式：

   • WWW使用客户服务器模式工作，浏览器作为客户程序请求文档，而网站服务器响应这些请求并提供文档。

9. 解决的关键问题：

   • WWW必须解决的问题包括文档的标识（使用URL）、链接的实现协议（使用HTTP）、文档的跨平台显示（使用HTML）、以及信息检索的便利性（搜索工具）。

我的理解： 

1. 非计算机网络：

   • 万维网不是一个独立的计算机网络，而是建立在现有的互联网基础上的信息系统。

2. 信息存储库：

   • 想象万维网是一个巨大的图书馆，这个图书馆没有中央存储点，每本书（网页）都可以放在世界上任何一个角落，并且可以通过目录（链接）直接访问。

3. 链接和超链接：

   • 将网页中的特定文本或图像想象成图书馆的索引卡片。当你点击这些索引卡片时，你就被直接带到了存有相关内容的另一本书。

4. 分布式服务：

   • 与集中式服务（所有数据存储在一个地点）不同，分布式服务意味着数据和文档散布在全球范围内的不同服务器上。

5. 互联网的演变：

   • 万维网的发展将互联网从一个主要由专业人士使用的网络转变为普通公众都可以使用的信息资源。

6. 超媒体系统：

   • 万维网是超文本的扩展。如果说超文本是图书馆中的书籍，那么超媒体就包括了书籍以外的音频、视频、图形等，提供了一个更加丰富和动态的内容体验。

7. 客户服务器模式：

   • 类似于服务员（服务器）和顾客（客户端）的关系。顾客点菜（发送请求），服务员提供食物（网页内容）。

8. 关键问题的解决：

   • WWW必须解决如何找到（URL）、如何获取（HTTP）、如何显示（HTML）和如何检索（搜索工具）分布在世界各地的信息资源。

更加形象的理解：

将万维网WWW比作一个全球范围的购物中心可以帮助形象地理解这一节的概念：

1. 全球购物中心：

   • 万维网像是一个遍布全球的巨大购物中心，互联网则是连接这个购物中心各个店铺的走廊。

2. 店铺和商品：

   • 每个网站就像是购物中心里的一个店铺，而每个页面就像是店铺里的一件商品。

3. 链接作为导购：

   • 网页上的链接就像是导购员，他们会引导你找到你感兴趣的其他商品（网页）。

4. 超链接即快速通道：

   • 超链接可以看作是购物中心里的滑梯或电梯，让你快速从一个店铺跳转到另一个店铺，即使它们在购物中心的不同楼层。

5. 分布式服务即分散的店铺：

   • 分布式服务意味着这些店铺（服务器）不在同一个地点，而是散布在全球各地。

6. 互联网的演变即购物中心的扩展：

   • 万维网的发展就像是购物中心从只有少数专业店铺变成了拥有各式各样商店的大型商业区，吸引了各种消费者。

7. 超媒体即多媒体产品展示：

   • 如果说超文本是书本，那超媒体就是包含音乐、电影、互动游戏等多种形式的媒体产品。

8. 客户服务器模式即服务员和顾客的互动：

   • 顾客（浏览器）询问服务员（服务器）是否有某件商品，服务员回应并提供该商品的信息。

9. 解决的关键问题即购物体验设计：

   • 确定商品位置的标识符（URL）、获取商品的过程（HTTP）、展示商品的方式（HTML）和查找商品的工具（搜索引擎）。

6.4.2 统一资源定位符URL

1. URL的定义与功能：

   • URL（统一资源定位符）是互联网上资源的具体地址，通过这个地址可以对资源进行操作，如访问、编辑和属性查找。

2. 资源的广义理解：

   • “资源”不仅限于网页，还包括文件、图片、音频等，以及电子邮件地址和USENET新闻组。

3. URL的组成结构：

   • 一个URL通常由协议、主机、端口和路径四部分组成，格式为：<协议>://<主机>:<端口>/<路径>。

4. 常用协议：

   • 最常用的协议是HTTP（超文本传输协议），其次是FTP（文件传输协议）。

5. 省略与自动补全：

   • 现代浏览器可以自动补全省略的部分，例如省略“http://”或“www”。

6. HTTP的URL特点：

   • 默认端口是80，通常可以省略。如果省略路径，则指向的是网站的主页。

7. 主页的概念：

   • 主页可以是一个服务器的顶级页面、组织的定制页面或个人的介绍页面。

8. 路径的复杂性：

   • 路径可以反映网站的层次结构，指向具体的页面或文件。

9. URL的大小写：

   • URL不区分大小写，但出于可读性考虑，有时会用到大写字母。

10. 浏览器的多功能性：

    • 通过浏览器访问URL，用户可以使用多种互联网服务，如FTP和USENET，提供了极大的方便。

我的理解：

1. 互联网上的“家庭地址”：

   • 就像现实生活中每个家庭有一个具体的地址一样，URL提供了互联网上资源的具体位置。知道了这个地址，你就能找到并访问那个“家庭”即互联网上的资源。

2. 资源的广泛性：

   • 考虑“资源”为互联网上的任何可访问的对象，可以比作你在一个大型购物中心能够购买的各种商品，从书籍到衣物，从电影票到音乐会入场券。

3. URL的结构：

   • URL的结构就像一个详细的邮寄地址，其中包含了：
     • 协议：相当于邮件的投递方式（例如空邮、陆运）。
     • 主机：相当于邮件地址中的房子或公寓号码。
     • 端口：可以想象成一个大楼中不同的入口。
     • 路径：类似于大楼内部导向特定公寓的指示牌。

4. 常用的协议：

   • HTTP和FTP就像是两种不同的交通工具，分别用于不同类型的旅程：HTTP用于访问网页，FTP用于文件传输。

5. 省略与自动补全：

   • 现代浏览器自动补全URL就像是智能手机的联系人应用，即使你只输入了名字的一部分，它也会帮你找到完整的联系信息。

6. HTTP的URL和主页：

   • 如果URL省略了路径，你可以把它看作是指向某个建筑的主入口，而这个建筑就是网站的主页。

7. 路径的复杂性：

   • URL中的路径显示了到达特定资源的详细路线，就像是到某个特定商店或办公室的具体楼层和房间号。

8. URL的大小写：

   • 虽然URL对大小写不敏感，但为了易读性，有时会使用大写字母，这有点像为了突出某个词而使用大写。

9. 浏览器的便利性：

   • 浏览器通过URL提供多种服务就像是多功能的瑞士军刀，你只需要它一个工具，就能完成多种任务。

6.4.3 超文本传送协议HTTP

1. HTTP协议基础：

   • HTTP是万维网数据通信的标准协议，用于定义客户端与服务器之间的交换文档的方式。

2. 事务性协议：

   • HTTP是面向事务的，支持一个事务处理完毕后即断开连接的无状态操作，从而简化了服务器设计。

3. 工作过程：

   • 一个典型的HTTP交互过程包括建立TCP连接，客户端发送HTTP请求，服务器返回响应，最后断开连接。

4. HTTP/1.0 vs HTTP/1.1：

   • HTTP/1.0每次交互都会打开新的TCP连接，而HTTP/1.1支持持久连接，允许多个请求在一个连接中传输，减少了延迟。

5. 无状态特性：

   • HTTP是无状态的，服务器不保留任何用户的请求信息，每次请求都是独立的。

6. 持久连接：

   • HTTP/1.1默认使用持久连接，减少了因建立连接产生的时延，提高了通信效率。

7. 流水线方式：

   • HTTP/1.1还支持流水线方式处理请求，进一步减少了延迟。

8. 代理服务器：

   • 代理服务器或Web缓存可以减少服务器负载和响应时间，它们存储常用资源的副本，从而加快访问速度。

9. HTTP报文结构：

   • HTTP报文分为请求报文和响应报文，每种报文都包含开始行、首部行和实体主体。

10. Cookie的使用：

    • Cookie用于在无状态的HTTP协议中保持用户的状态信息，如登录信息、购物车内容等。

11. 隐私和安全：

    • 尽管Cookie本身不是可执行代码，但其涉及的隐私问题仍然是用户和网站运营者需要关注的问题。

我的理解：

超文本传送协议HTTP这一节的概念可以通过以下的比喻来形象化：

1. HTTP作为通信语言：

   • 想象HTTP是服务员（服务器）和顾客（客户端）之间用来交流的语言。服务员需要明白顾客的请求，并提供正确的服务。在这个比喻中，HTTP请求就像是顾客的点单方式，而HTTP响应就像是服务员提供的餐点。

2. 事务性协议的比喻：

   • HTTP的事务性可以比作一个快餐店的交易，顾客点餐（发送请求），服务员立即回应（发送响应），然后交易结束，两者不再有联系，直到下一次交易。

3. 无状态的特征：

   • 每次顾客（客户端）进入快餐店（服务器）点餐时，服务员都不会记得他们之前的订单。这就像HTTP的无状态特性，服务器不会记住之前的请求。

4. 持久连接：

   • 持久连接就像是顾客在餐厅坐下，服务员一次性带来所有的餐点，而不是每次都来回跑到厨房，这样提高了服务效率。

5. 流水线方式：

   • 流水线方式可以比喻成顾客在点单时一次性点完所有的菜，然后服务员按顺序一道道快速上菜，而不是每上一道菜都要等顾客再点一次。

6. 代理服务器的比喻：

   • 代理服务器好比是一个高效的中间人，它将顾客的请求记下来，并看看是否已经有现成的回答。如果有，它就不需要再去厨房问，而是直接提供服务，从而加快了整个过程。

7. Cookie的使用：

   • 如果把HTTP比作一次单次访问的餐厅，那么Cookie就像是服务员给你的号码牌。当你回来时，即便服务员不记得你，号码牌就能告诉他你之前的订单。

8. 隐私问题：

   • Cookie引起的隐私问题就像是服务员记下你的口味和习惯，可能会告诉其他服务员（第三方），有些顾客可能不希望自己的喜好被共享。

6.4.4 万维网的文档

1. 超文本标记语言HTML：

   • HTML是制作和显示万维网页面的标准语言，它使得不同计算机间的信息交流成为可能。HTML文档是用标签定义的结构化文本文件，可以由任何文本编辑器创建。

2. HTML的发展：

   • HTML自1993年发布以来不断更新，目前最新版本为HTML 5.0，它增加了音频、视频和交互式文档的功能。

3. 标签和元素：

   • HTML通过标签来排版文本，创建链接，插入图像等。标签例如<h1>或<p>定义了文本的不同部分和格式。

4. 浏览器的支持：

   • 不同的浏览器可能支持不同的HTML标签，如果浏览器不支持某个标签，它将被忽略。

5. HTML与浏览器：

   • HTML文档当作.html或.htm文件保存时，浏览器能够解释HTML标签并正确显示内容。如果作为.txt文件，标签不会被解释。

6. 制作工具：

   • 现代有许多工具可以简化万维网页面的创建，例如Word文档可以直接另存为HTML文件。

7. 其他相关语言：

   • XML、XHTML和CSS分别用于数据传输、作为HTML的严格形式和定义样式。

8. 动态与静态文档：

   • 静态文档内容不变，适用于不经常变化的数据。动态文档在服务器端创建，内容可以根据用户请求变化。

9. 通用网关接口CGI：

   • CGI定义了万维网服务器如何传送数据给应用程序，并将结果返回给浏览器的标准。

10. 活动文档与Java小应用程序：

    • 活动文档是客户端创建的，可以与用户直接交互，提供连续的屏幕更新。Java小应用程序是一种活动文档，可以在用户的浏览器中执行。

我的理解：

6.4.4 万维网的文档”这一节的概念，可以通过以下方式来帮助把握：

1. HTML作为万维网的基石：

   • 想象HTML是建筑万维网页面的砖块。就像建筑师使用不同的砖块建造房子，开发者用HTML的标签（比如，<h1>, <p>, <img>）来构建网页的结构和内容。

2. HTML的演变：

   • HTML的发展就像汽车从早期的模型演变到现代高性能车型。早期的HTML很基础，功能有限；而HTML5则像是一辆装备了最新技术的汽车，能播放音乐（音频），播放电影（视频），并且可以做更多互动（交互式文档）。

3. 浏览器对HTML的解释：

   • 浏览器就像是阅读HTML“书籍”的读者。如果“书籍”使用了读者（浏览器）不认识的语言（标签），那么这部分内容就会被忽略。

4. HTML、XML、XHTML和CSS的关系：

   • 这些语言就像不同的沟通工具。HTML用于构建网页结构，CSS用来定义样式，而XML和XHTML则用于数据传输和创建更规范的网页。

5. 静态与动态文档：

   • 静态文档就像印刷好的报纸，内容固定；而动态文档则像是新闻网站，内容根据最新事件更新。

6. CGI的作用：

   • CGI就像餐厅后厨的服务员，它接收顾客（浏览器）的订单（请求），然后通知厨师（应用程序）准备食物（动态文档）。

7. 活动文档的概念：

   • 活动文档就像一台电视，其中的内容（程序）可以根据观众（用户）的操作来改变显示的内容。

8. Java小应用程序的功能：

   • Java小应用程序可以看作是电视上的互动游戏，用户可以通过遥控器（浏览器）与游戏（小应用程序）进行交互，享受动态和个性化的体验。

6.4.5 万维网的信息检索系统

1. 搜索工具的需求：

   • 由于互联网是庞大的信息库，找到所需信息的有效工具是关键，这就是搜索引擎的作用。

2. 搜索引擎的分类：

   • 搜索引擎分为全文检索和分类目录搜索两大类。全文检索通过索引数据库搜索关键词，而分类目录搜索则是基于人工编辑的目录进行层级查询。

3. 全文检索搜索引擎：

   • 这类搜索引擎使用“蜘蛛”程序在网络上爬行并建立索引数据库。Google是这类搜索引擎的代表。

4. 分类目录搜索引擎：

   • 这类搜索引擎依靠手动分类和索引，如雅虎，适合有针对性的查询。

5. Google的搜索技术：

   • Google搜索引擎以其PageRank技术闻名，该技术依据网页的链接数量和质量决定其在搜索结果中的重要性。

6. 搜索引擎的功能：

   • 搜索引擎提供了包括网页、图片、视频、地图等多种搜索服务，大大方便了信息的获取。

7. 垂直搜索引擎：

   • 针对特定领域提供搜索服务，如购物、旅游、汽车等，返回的结果更为精确和相关。

8. 元搜索引擎：

   • 通过将一个查询请求发送到多个搜索引擎，然后汇总结果，元搜索引擎提供了更全面和精确的信息。

9. PageRank算法：

   • 利用稀疏矩阵计算技术，Google的PageRank算法能够在巨大的网页数据中高效计算出页面的重要性。

10. 搜索结果的识别：

    • 用户需要识别搜索结果的真伪，提高辨别能力，不轻信网络上的广告信息。

我的理解:

1. 搜索引擎的角色：

   • 想象互联网是一个巨大的图书馆，而搜索引擎就像是图书馆里的图书检索系统。它帮助用户在这个庞大的信息海洋中找到他们需要的资料。

2. 全文检索搜索引擎：

   • 全文检索搜索引擎就像一个聪明的助手，它通过预先索引整个互联网上的内容，当用户输入关键字时，快速返回相关的网页。这就像查找书名或关键字来快速找到特定的书籍一样。

3. 分类目录搜索引擎：

   • 分类目录搜索引擎更像是一个有组织的目录系统，它按照不同的类别（如教育、科技、娱乐等）来组织信息。用户可以按类别逐层深入，找到他们感兴趣的特定网站或信息。

4. Google搜索引擎的特点：

   • Google搜索引擎的特点可以类比于一个智能的分析师，它不仅基于关键词的出现频率来查找信息，还考虑网页的链接结构来判断其重要性，就好像评价一篇文章的重要性不仅看内容，还要看多少人引用了这篇文章。

5. 垂直搜索引擎：

   • 垂直搜索引擎专注于特定领域的信息检索，就像专业的图书馆或专题数据库，能提供更专业和精准的信息。

6. 元搜索引擎：

   • 元搜索引擎则像是多个图书馆的联合查询系统，它通过将用户的搜索请求发送给多个搜索引擎，并汇总所有结果来提供更全面的信息。

6.4.6 博客和微博

1. 博客 (Blog)：

   • 定义：博客是网络日志的缩写，为个人在万维网上发布的定期更新的文章或日记。
   • 历史：词语起源于1997年，现已成为网络交流的一种形式。
   • 内容和形式：内容多样，可包括个人日记、评论、链接等。格式自由，没有严格的规则。
   • 功能和影响：博客使网民成为信息的生产者，扩大了互联网的应用范围，增强了网民的发言权。
   • 技术门槛：相比个人网站，博客易于创建和维护，技术要求低。

2. 微博 (Microblog)：

   • 定义：微博是微型博客的简称，用于发布简短的信息或更新。
   • 特点：以简洁、即时为特色，常用于分享生活琐碎、感慨或实时新闻。
   • 发展：在中国，自2009年起迅速普及，新浪微博是其中的代表。
   • 功能：微博服务支持图片、视频等多媒体内容，提供了“长微博”等新功能。
   • 社会作用：微博是一种快速传播信息的工具，对社会交流和信息传播有重要影响。

总结：博客和微博作为现代互联网上的两种重要的信息发布和交流方式，分别以其独特的特点和功能，改变了人们获取、分享和交流信息的方式。博客提供了一个平台，让用户能够以更长篇幅分享观点和经验，而微博则通过快速、简短的信息更新，满足了即时通讯的需求。两者共同促进了互联网文化的发展和多样性。

6.4.7 社交网站

1. 社交网站的定义和作用：

   • 社交网站(SNS)是创建在线社区的平台，用于连接有相同兴趣和活动的人群。
   • 功能包括：电子邮件、即时传信、博客、相册共享、视频上传、网页游戏等。

2. 社交网站的发展和影响：

   • 社交网站的兴起改变了传统的社交结构，使网民从信息消费者转变为内容生产者。
   • 具有重要的商业价值和社会影响力。

3. 著名的社交网站：

   • Facebook（脸书）：最大的社交网站，以方便地连接朋友、分享媒体内容著称。
   • YouTube：视频分享网站，月度活跃用户达10亿。
   • 微信：中国最流行的社交工具，功能包括聊天、分享、网上购物等。

4. 微博的流行：

   • 微博，如新浪微博和腾讯微博，提供简短消息发布服务。
   • Twitter：国际著名微博服务，以140字符的消息更新著称。

5. 职业社交网站：

   • LinkedIn：专业人士的社交网络，用于建立职业联系和求职。

6. 社交网站的特点和趋势：

   • 社交网站强调实时交流和信息分享。
   • 微信等社交应用的多功能化趋势，覆盖社交、商业和娱乐等多个方面。

7. 隐私和管理问题：

   • 社交网站上信息的隐私和安全管理是用户和平台共同关注的问题。

总结：社交网站作为当代互联网的重要组成部分，不仅丰富了人们的社交生活，也对传统的社交模式产生了深远影响。从Facebook到微信，各种社交平台通过各自独特的服务和功能，满足了人们沟通、分享和娱乐的需求。随着技术的发展，社交网站将继续影响人类的交流方式和社会结构。

总结：

重点：

1. 万维网的定义与功能：万维网是一个庞大的信息存储和获取平台，连接了全球的计算机网络，使用户能够访问和共享信息。

2. 基础技术：万维网基于HTML、HTTP等核心技术，支持文本、图像、音视频等多种媒体格式的信息传输。

3. 搜索引擎的作用：搜索引擎帮助用户在海量信息中快速定位所需内容，是万维网的重要组成部分。

4. 社交媒体的兴起：博客、微博、社交网站等新型媒体在万维网上迅速发展，改变了人们获取和分享信息的方式。

难点：

1. 技术的理解与应用：理解万维网的基础技术（如HTML、HTTP）对于非技术背景的人来说可能较为困难。

2. 搜索引擎优化：理解搜索引擎如何运作，以及如何优化内容以提高在搜索引擎中的排名。

3. 隐私和安全问题：在社交网站和其他在线平台上，如何保护个人隐私和数据安全是一大挑战。

易错点：

1. 万维网与互联网的混淆：万维网是建立在互联网基础上的信息共享系统，两者不是同一概念。

2. 搜索引擎工作原理的误解：搜索引擎并非实时搜索整个互联网，而是通过事先建立的索引来提供搜索结果。

3. 社交媒体的使用误区：在社交媒体上发布信息时，用户可能会忽视隐私设置，导致个人信息泄露。

总结：理解万维网的关键在于把握其作为信息共享和检索平台的本质，以及了解其背后的核心技术和应用。同时，需要注意的是万维网与互联网的区别，以及在使用搜索引擎和社交媒体时的隐私保护。