第一章:互联网和万维网的基础

目录

1.描述互联网和万维网的演变过程;

互联网:

万维网:

其他:

2.解释说明对网页标准的需求;

为什么需要网页标准?

3.描述通用设计;

4.明确指出无障碍网页设计的好处;

5.辨别网上可靠信息资源;

6.明确网上信息的道德使用规范;

7.描述网页浏览器和网络服务器的用途;

8.明确什么是Internet协议;

9.定义URI和域名;

10.描述HTML,XHML和HTML5;

11.创建自己的第一个网页(使用body\head\title\meta元素);

12.命名\保存和测试网页.


 

 

 

1.描述互联网和万维网的演变过程;

互联网:

互联网是指由计算机网络连接而成的网络;互联网最初只是一个连接科研机构和大学计算机的网络;在这个网络中,信息能够通过多条线路传输到目的地,使网络在部分中断或者损毁的情况下也能正常工作.信息重新由路由器到正常工作的那部分网络从而送达目的地.随着时间的推移,其他网络相继建立并连接到阿帕网.这些两户连接的网络就是互联网.起初只限于在政府,科研,教育领域使用.对互联网的商用到1991年才解禁.

互联网的商用限制解禁,为后来的电子商务奠定了基础.然而,虽然不在限制商用,但当时的互联网任然是基于文本的,使用起来非常不方便.

万维网:

TIm Berners-Lee 在瑞士的欧洲粒子物理研究所(CERN)工作期间构想了另一种通信方式,使得科学家之间可以轻易"连接"到其他研究论文或者文章并立刻查看该文章的内容,于是,它建立了万维网来满足这种需求(我之前在某书上看到这样一句话"人类的发展总是基于如何让自己变得更舒服和更方便的基础上",现在想想好像是这样.)

1991年,他在一个新闻组上发布了这下代码.在这个版本的万维网中,客户端和服务器之间用超文本传输协议(Hypertext Transfer Protocol, HTTP)进行通信,用超文本标记语言(Hypertext Markup Language, HTML)格式化文档.

其他:

1993年,第一个图形化浏览器Mosaic问世.后来开发了另一款著名的浏览器Netscape Navigator,就是今天Mozilla Firefox的前身.

在上个世纪90 年代,当价格低廉的计算机硬件,易于使用的操作系统,便宜的上网费用,HTTP协议和HTML语言以及图形化浏览器所有的技术聚合在一起,使得人们很容易获得网上的信息.这是万维网(World Wide Web)应用而生,它提供了图形化界面,使得用户可以方便的访问网络服务器上存储的信息.

 

2.解释说明对网页标准的需求;

万维网不是由单一个人或者单一团体运作的.万维网联盟(W3C)在提供与网络相关的建议和建立技术模型上扮演者重要的角色.W3C主要解决:构架,设计标准和无障碍访问.W3C提出规范(称为推荐标准,Recommendations)来促进网络技术的标准化;

为什么需要网页标准?

许多开发网页浏览器的公司,(比如微软)并不总是准从W3C推荐标准.这给网页开发人员造成了不少的麻烦,因为他们写的网页在不同的浏览器中显示的效果不完全相同.

 

3.描述通用设计;

通用设计(universal design)定义为"设计产品和环境时尽量方便所有人使用,免除届时进行修改或者特制的必要"

 

4.明确指出无障碍网页设计的好处;

由视觉障碍的人也许无法使用图形导航按钮,而是使用屏幕朗读器来提供对页面内容的声音描述.只要做一点见到的改变,比日为图片提供备用文本,以有序的方式使用标题,为多媒体提供旁白或者字幕,网页开发人员就可以吧自己的网页变成无障碍页面,这样的网站不经方便又视觉障碍的人访问,还方便移动罗兰器的用户访问,搜索引擎可能对无障碍网站进行更全面的索引,者有助于将新的访问者带到网站.通常情况下,提供无障碍访问途径对于所有访问者来说都有好处,因为它提升了网页的可用性.

由远见的开发人员在设计网页的设计过程中会谨记无障碍要求.为由视觉,听觉和其他缺陷的访问途径应该是网页设计的一个组成部分,而不是网页设计完后才考虑的事情.

 

5.辨别网上可靠信息资源;

  1. 首先评估网站本身的信用。它是有自己的域名,还是一个免费网站,托管在免费服务器上的一个文件夹中?(托管在免费服务器上的网站的URL(统一资源定位器)一般包含服务器名称的一部分,可能采用http://mysite.tripod.com或者http://www.angelfire.com/foldername这种形式。和免费网站相比一般有自己域名的王章信息更为可靠。
  2. 评估域名类型。(.org)(.com)(.biz)(.edu)?商家可能提供对自己有利的信息。非营利组织或者学校有时能更客观的对待一个主题。
  3. 另外考虑的是王爷的创建日期或者最后更新日期。虽然有些信息不受时间的影响,但是几年都没有更新的网页极可能已经过时,可能算不上是最好的信息来源。
  4. 超链接指向的网站一般可以一共更多的支持或者详情。

 

6.明确网上信息的道德使用规范;

  1. 能不能复制被人的图片用于自己的网站?不可以,实际上,连接这些图片,你用的是别人的宽带,并且有可能让他们花钱。
  2. 能复制别人的网站设计用于自己的网站吗?不可以,这属于盗窃。在美国,无论网站上是否有版权的标记,它的任何文字和图片都自动受到版权保护。
  3. 在你的网站上攻击别人或者公司或者以不尊敬的方式连接他们的网站都被视为诽谤。

 

7.描述网页浏览器和网络服务器的用途;

网页浏览器主要通过HTTP协议与网页服务器交互并获取网页,这些网页由URL指定,文件格式通常为HTML,并由MIME在HTTP协议中指明。一个网页中可以包括多个文档,每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式,例如JPEG、PNG、GIF等图像格式,并且能够扩展支持众多的插件(plug-ins)。另外,许多浏览器还支持其他的URL类型及其相应的协议,如FTP、Gopher、HTTPS(HTTP协议的加密版本)。

 

8.明确什么是Internet协议;

  1. 出站服务器:需要向别人发送邮件时使用的是简单邮件传输协议(SMTP);
  2. 入站服务器:接受邮件时,使用的时邮局协议(POP, 现在是POP3)和Internet邮件存取协议(IMAP);
  3. 超文本传输协议(FTP)是一组在网上交换文件的规则,这些文件包括文本,图形图像,声音,视频和其他多媒体文件.Web浏览武器和web服务器通常使用这一协议.Web浏览器用户输入网址或者点击链接请求文件时,浏览器构造一个HTTP请求并将它发送到服务器,目标机器的Web服务器收到请求后进行必要的处理,再将被请求的文件和相关的媒体文件发送出去,进行应答.
  4. 文件传输协议(File Transfer Protocol, FTP)是一组允许文件在网上不同的计算机之间进行交换的规则.HTTP供浏览器请求网页及其相关文件以显示某一页面.相反,FTP只用于将文件从一台计算机传送到另一台,FTP可以将自己的网页从自己的计算机传送到服务器,也可以将程序或者文件从服务器下载到自己的电脑.
  5. 传输控制协议/Internet协议 (TCP/IP)被采纳为Internet官方通信协议.TCP和IP由不同的功能, 他们协同工作保证网络通信的可靠性.
  • TCP的目的是保证网络同行的完整性.TCP将文件和信息分解成一些独立的单元,称为数据包.这些数据包包含许多信息,如目标地址,来源地址,徐海和用以验证数据完整性的校验和.
  • IP是一组控制数据包如何在网络计算机之间进行传输的规则.IP将数据包路由传送到目的地址.发送后,数据包将转发到下一个最近的路由器(用于控制网络传输的硬件设备).如此反复,直到到达目标地址.
  • TCP和IP共同工作,实现文件在网上的高效传输.TCP创建好数据包后,由IP进行寻址在网上使用特定时刻的最佳路径发送每个数据包.数据包到达目标地址后,TCP使用校验和来验证每个数据包的完整性.如果某个数据包损坏就请求重新发送,然后这些数据包重组成文件或者信息.

     

现行的IP版本IPv4使用的是32位地址,用十进制表示就是XXX.XXX.XXX.XXX  其中XXX是0~225的十进制数值.IP地址可以与UPL和域名相对应.IPv6是下一代IP协议.它的目的是改进当前的IPv4, 保持与它向后兼容.IPv6提供了更多的网络地址,应为IP地址从32位加长到128位.这意味着共有2的128次方个唯一的IP地址.

9.定义URI和域名;

  1. 统一资源标识符(Uniform Resource Identifier, URI)代表网上的一个资源.统一资源定位符(Uniform Resource Locator , URL)是一种特别的URI,代表网页,图形文件或者MP3文件等资源的网络位置.URL由协议、域名和文件在服务器上的层级位置构成。

例如:http://www.xxxxx.net/aaa/index.html    它表示要使用HTTP协议和域名xxxxx.net 上名为www的服务器。这个例子中根文件index.html将会显示出来。

    2.域名 用于在网上定位某个组织或者实体。域名系统(DNS)的作用是通过标识确切的地址和组织类型,将互联网换份为众多的逻辑性的组别和容易理解的名称。DNS将记忆文本的域名和分配给设备唯一的IP地址联系起来。

例如:www.google.com这个域名中:   .com位顶级域名;   google.com 是谷歌公司注册的域名,是 .com下面的二级域名;   www是在goole.com这个域中运行的服务器的名称(有时候称为主机).  从整体上看,www.google.com称为一个完全限定域名(Fully-Qualitied Domain, FQDN).

二级域名和顶级域名(比如  www.google.com或者  mail.google.com)叫做完全限定域名.

顶级域名(Top-Level Domain Name, TLD)是域名最右边的部分(美国重要的东西都在右边 , 比如名字,地名).  一个顶级域名要么是国际顶级一名要么是国际别域名.  http://www.iana.org/domains/root/db上面有完整的国家代码TLD列表

通用顶级域名(Generic top-level domain ,gTLD)是专门提供给某些特定组织使用的顶级域,由互联网名称与数字地址分配机构(ICANN)管理

10.描述HTML,XHML和HTML5;

简单说一下就是:

  • HTML是一套标记符号或者代码集,它们插入可以由浏览器显示的的网页文件中.
  • XML(可扩展标记语言)是W3C用于创建通用信息格式以及在网上共享格式和信息的一种语言.他是一种基于文本的语法,设计用于描述、分发和交互结构化信息(比如RSS“源”)。XML的宗旨不是代替HYML,而是通过将数据和表示分开,从而对HTML进行扩展。开发人员可以使用XML创建描述自己信息所需要的任何标记。
  • XHTML(可扩展超文本标记语言)使用HTML4的标记和属性,同时使用了更严谨发XML语法。XHTML在网上的使用超过10年。
  • HTML5是HTML的最新版本将取代XHTML。HTML5集成HTML和XHTML的功能,添加了新元素,提供了表单编辑和原生视频支持等新功能,而且向后兼容。

仔细的说明请参考我的上一篇:https://blog.csdn.net/Strawberry_595/article/details/82859232

11.创建自己的第一个网页(使用body\head\title\meta元素);

  • 文档类型定义(DTD)由于存在多个类型的HTML和XHTML ,W3C建议在网页文档中使用文档类型定义(Document Type Definition, DTD) 标识所用标记语言类型.   DTD语句通常称为DOCTYPE语句,它是网页文档的第一行,HTML5的DTD如下:

<!DOCTYPE html>
  • 网页模板:每个网页都包含html, head , title , meta, 和body元素;

1. html元素:    指出当前文档用HTML进行格式化.html元素高数浏览器如何解释文档,其实<html>放在DTD下方.结束</html>放在网页的结尾,就是其他所有HTML元素之后.html匀速还需要指出文档的书面语言(英文还是中文).用于指定文档书面语言的时lang属性.例如"lang=cn" .搜索引擎和屏幕朗读器可能会参考这个属性 

html元素包含两个主要区域:页头(head)和主题(body). 页头区域包含对网页文档进行描述的信息,而主体区域包含浏览器呈现为网页的世纪标记 ,文本,图像和其他对象.

2.  页头区域:    以<head>开始以</head>结束,中间包括至少两个元素(<title>  <meta>);

     <title> </title>之间的文本就是网页的标题,是要在浏览器标题栏显示的文本.收藏和答应网页是会显示标题,.流行的搜索引擎根据标题文本判断关键字的相关性(比如Google),甚至会在搜索结果页中显示标题文本.

    <meta>元素描述网页的特性,比如字符编码等.   字符编码是指字母、数字和符号在文件中内部表示方式,  常用的字符编码utf8,是UNicode的一种形式,meta标记使用charset属性来制定字符编码,如下:

<meta charset="utf-8">

3.  主体区域  :以<body>开始以</body>结束,在主体区域输入的文本,它将在网页上直接显示; 

 

12.命名\保存和测试网页.

这个这个这个,如果你是用文档编写的网页文件,如果文件后缀名是txt,那把后缀名字改成html就好....至于运行双击以后选择你想用的浏览器浏览就行,其他的我就不说了.

 

我们下一章再见,T-T..............................................

 

 

 

 

 

 


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值