学习web前端第三节课

BMP（位图） Windows系统里面的标准通用图像格式。使用很普遍，结构简单，不经过压缩，所以图片一般不会失
真，但是很多地方并不支持上传，因为图片占用空间会比较大。在PS里面不支持通道。
JPEG（位图） 也是应用非常广泛的静态图片格式之一，它是用一种有损压缩法来压缩图片，把人肉眼难以察觉的
图象色彩删除，由此来获得比较大的压缩比，所以图片占用空间往往很小，而且“外表”上也看不出有什么差别，
因此很多网站都支持这种格式上传图片文件。但是请注意，由于此格式压缩后的图片无法还原，所以在处理JPEG图
片的时候请不要多次反复修改存储，这样的话图象会逐渐恶化。这种格式也尽量不要用在色素较低的插画上，因为
色素低的图象再一经过JPEG的特殊压缩法往往会出现明显的画质变差，轮廓模糊等状况。
GIF 有静态GIF和动态GIF，支持背景透明，但是最大只能够处理256色的图像。其原理也就是把多张图象保存为一
个图象从而形成动画，说到底仍然是图片格式（位图）。文件占用空间很小，网络上大多小动画使用这种图片格
式。很多网站支持上传。比较适合用在色素比较低的插画上。若用在色彩感严格的画面时图片往往就会失真了。
PNG 也支持动态图片跟背景透明，与GIF格式相似，压缩比高于GIF，但能够处理的色数远远多于GIF格式，最大可
达280兆色。大多数网站也支持这种图片格式上传，有逐步取代GIF之势，但是在Web上兼容性往往表现的比较差，
部分浏览器不支持，还需努力。
TIFF（位图） 能够在画质不恶化的前提下压缩。但是即便是压缩图片占用空间也比较大，压缩有一般不会损坏图
片。兼容性比较差。网络上也很少有支持此种格式上传的，在印刷行业位图中用的比较广泛。
EPS 以前没注意到这个格式，但是最近刚刚发现这个格式还满好用的，在矢量软件里面另存为成这个格式以后再
用矢量软件打开仍然是矢量图，用位图软件打开就自动生成位图。不过生成位图以后就不能在变成矢量图了，这点
请一定要注意。
TGA 是一种序列格式，压缩比小，保存下来的图片质量好，但是文件所占用空间很大，比较常用在3D动画中。

Gif格式特点
    透明性
    Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha透明）。
    动画
    Gif这种格式支持动画。
    无损耗性
    Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗。
    水平扫描
    Gif是使用了一种叫作LZW的算法进行压缩的，当压缩gif的过程中，像素是由上到下水平压缩的，这也意味着同等条件下，横向的gif图片比竖向的gif图片更加小。例如500*10的图片比10*500的图片更加小
    间隔渐进显示
    Gif支持可选择性的间隔渐进显示
    由以上特点看出只有256种颜色的gif图片不适合照片，但它适合对颜色要求不高的图形（比如说图标，图表等），它并不是最优的选择，我们会在后面中看到png是最优的选择。
    Jpeg格式特点
    透明性
    它并不支持透明。
    动画
    它也不支持动画。
    损耗性
    除了一些比如说旋转（仅仅是90、180、270度旋转），裁切，从标准类型到先进类型，编辑图片的原数据之外，所有其它操作对jpeg图像的处理都会使得它的质量损失。所以我们在编辑过程一般用png作为过渡格式。
    隔行渐进显示
    它支持隔行渐进显示（但是ie浏览器并不支持这个属性，但是ie会在整个图像信息完全到达的时候显示）。
    由上可以看出Jpeg是最适web上面的摄影图片和数字照相机中。
    Png格式特点
    类型
    Png这种图片格式包括了许多子类，但是在实践中大致可以分为256色的png和全色的png，你完成可以用256色的png代替gif，用全色的png代替jpeg
    透明性
    Png是完全支持alpha透明的（透明，半透明，不透明），尽管有两个怪异的现象在ie6（下面详细讨论）
    动画
    它不支持动画
    PNG图片格式现在包含三种类型：
    1.PNG8256色PNG的别名
    2.PNG24全色PNG的别名
    3.PNG32全色PNG的别名
    基本上PNG32就是PNG24，但是附带了全alpha通道。就是说每个像素上不仅存储了24位真色彩信息还存储了8位的alpha通道信息，就如同GIF能存储透明和不透明信息一样。当我们把图片放到不太搭配的背景上的时候，透明PNG图片的边缘会显示得更加平滑。
    当然，我也知道你的想法，“但是Photoshop也能生成带透明通道的PNG图片！”我也知道，它只是表面上这么说是PNG24，让我也产生困惑了。
    作为一个伤感的Fireworks倡导者，我只使用PNG32支持附带alpha通道的真色彩图片。不管怎样，如果你习惯使用Photoshop，你就应该知道，Photoshop在“存储为WEB格式”中只提供PNG8和PNG24两种PNG格式。
    我敢肯定你经常会勾选“支持透明”选项，以获得带有透明度的PNG图片，但是这样你就获取了一张PNG32图片。——Photoshop只是觉得把PNG32这个名称给隐藏掉了。奇怪吧？……      
    对png8的误解
    Png8的在ie中的怪异表现：
    半透明的png8在ie6以下的浏览器显示为全透明。
    Alpha透明的全色PNG（png32）在ie6中会出现背景颜色（通常是灰色）。
    由上面可以总结：
    （a）全透明的png8可以在任一浏览器正常显示（就像gif一样）。半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明，其它浏览器都能正常显示半透明。这个bug并不需要特殊对待，因为在不支持半透明的浏览器下只是显示为全透明，对用户体验影响不大，它反而是透明gif的加强版。
    （b）第二个bug没有什么好的方法解决，只能通过影响性能的方法AlphaImageLoader与需要加特殊标签（VML）。
    因此得出结论就是：请使用PNG8。
    Png8的软件问题：
    Photoshop只能导出布尔透明的PNG8。
    Fireworks既能导出布尔透明的PNG8，也能导出alpha透明的PNG8

http(Hyper Text Transfer Protocol)超文本传输协议,www是World Wide Web万维网服务.

WWW的核心——HTTP协议
众所周知，Internet的基本协议是TCP/IP协议，目前广泛采用的FTP、Archie Gopher等是建立在TCP/IP协议之上的应用层协议，不同的协议对应着不同的应用。<BR> WWW服务器使用的主要协议是HTTP协议，即超文体传输协议。由于HTTP协议支持的服务不限于WWW，还可以是其它服务，因而HTTP协议允许用户在统一的界面下，采用不同的协议访问不同的服务，如FTP、Archie、SMTP、NNTP等。另外，HTTP协议还可用于名字服务器和分布式对象管理。

HTTP 和 HTTPS 的相同点

大多数情况下，HTTP 和 HTTPS 是相同的，因为都是采用同一个基础的协议，作为 HTTP 或 HTTPS 客户端——浏览器，设立一个连接到 Web 服务器指定的端口。当服务器接收到请求，它会返回一个状态码以及消息，这个回应可能是请求信息、或者指示某个错误发送的错误信息。系统使用统一资源定位器 URI 模式，因此资源可以被唯一指定。而 HTTPS 和 HTTP 唯一不同的只是一个协议头(https)的说明，其他都是一样的。

https是什么意思 https和http有什么区别

HTTP 和 HTTPS 的不同之处

1.HTTP 的 URL 以 http:// 开头，而 HTTPS 的 URL 以 https:// 开头

2.HTTP 是不安全的，而 HTTPS 是安全的

3.HTTP 标准端口是 80 ，而 HTTPS 的标准端口是 443

4.在 OSI 网络模型中，HTTP 工作于应用层，而 HTTPS 工作在传输层

5.HTTP 无需加密，而 HTTPS 对传输的数据进行加密

6.HTTP 无需证书，而 HTTPS 需要认证证书

HTTPS 如何工作?

使用 HTTPS 连接时，服务器要求有公钥和签名的证书。

当使用 https 连接，服务器响应初始连接，并提供它所支持的加密方法。作为回应，客户端选择一个连接方法，并且客户端和服务器端交换证书验证彼此身份。完成之后，在确保使用相同密钥的情况下传输加密信息，然后关闭连接。为了提供 https 连接支持，服务器必须有一个公钥证书，该证书包含经过证书机构认证的密钥信息，大部分证书都是通过第三方机构授权的，以保证证书是安全的。
https是什么意思 https和http有什么区别
换句话说，HTTPS 跟 HTTP 一样，只不过增加了 SSL。
HTTP 包含如下动作：
1.浏览器打开一个 TCP 连接
2.浏览器发送 HTTP 请求到服务器端
3.服务器发送 HTTP 回应信息到浏览器
4.TCP 连接关闭
SSL 包含如下动作：
1.验证服务器端
2.允许客户端和服务器端选择加密算法和密码，确保双方都支持
3.验证客户端(可选)
4.使用公钥加密技术来生成共享加密数据
5.创建一个加密的 SSL 连接
6.基于该 SSL 连接传递 HTTP 请求

https和http有什么优缺点

●https更安全

HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全。

●https需要申请证书

https协议需要到ca申请证书，一般免费证书很少，需要交费，费用大概与.COM域名差不多，每年需要交大约几十元的费用。而常见的http协议则没有这一项；

●端口不同

http使用的是大家最常见的80端口，而https连接使用的是443端口；

●状态不同

http的连接很简单,是无状态的。而HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全

 

转载于:https://www.cnblogs.com/zhangjiaxin/p/6799206.html