【Web 开发】第1章 概论

Web 系统

Web 系统是以网站形式呈现，通过浏览器访问，完成一定功能的系统。

前端 & 后端

前端：网页上为用户呈现的部分。
后端：与数据库进行交互，完成数据存取。

前端技术构成

结构： HTML，从语义的角度，描述页面结构。
样式： CSS，从审美的角度，美化页面。
行为： JavaScript，从交互的角度，提升用户体验。

Web标准：由 the World Wide Web Consortium (W3C)，万维网联盟 制订，目前为 HTML5、CSS3、JavaScript 。

网站 & 网页

网站 (web site)：互联网上用于展示特定内容的相关网页的集合。（文件夹）
网页 (web page)：网站中的一页，一个网站中的网页通过 超链接 的方式被组织在一起。（文件）
主页 (homepage)：进入网站看到的第一个网页，主页的文件名通常是 index 。
网页元素：站标 Logo（通常在左上角）、导航栏（超链接集合）、文字超链接、表单（采集或传递客户信息）、广告横幅（banner）等。

Client & Server

Client 客户端：主要指获取并显示 Web 服务器内容的软件，当前最主要软件是 浏览器 （解析网页源代码，渲染网页），如 Chrome、Firefox、IE 。注意浏览器的兼容性。
Server 服务器端：提供Web服务的软件，如 IIS（Windows系统自带）、Apache、Tomcat、nginx 。

TCP/IP & port——五层协议

TCP/IP五层协议

• 应用层
  • HTTP、POP3/IMAP、SSH、FTP
• 传输层
  • TCP、UDP
• 网络层
  • IP
• 数据链路层
  • 协议：以太网协议、WiFi协议、PPP
• 物理层
  • 设备及线缆：以太网线缆、光纤、modems

IP

IP：Internet Protocol，网际互连协议
计算机间传输数据的一个简单协议。
每个设备都有一个32位的 IP 地址，一般写成四组8位二进制数 (0-255) (IPv4)

查找机器的互联网IP地址：whatismyip.com
查找机器的局域网IP地址：在终端窗口键入命令：ipconfig (Windows) 或者 ifconfig (Mac/Linux)
回送地址 (localhost)：127.0.0.1

TCP

TCP：Transfer Control Protocol，传输控制协议
一种位于IP协议之上的面向连接的、可靠的、基于字节流的传输层通信协议。

多路复用：多个程序使用同一个 IP 地址，通过 Port 来实现。

TCP端口	服务
21	file transfer(FTP)
22	secure shell(SSH)
23	telnet
25, 110	email(SMTP, POP3)
80	web(HTTP)
443	secure web(HTTPS)
993, 995	secure email

URL & DNS

URL

URL：Uniform Resource Locator，统一资源定位符
用于描述一个互联网上的资源，是信息资源统一的且在网上唯一的地址，包含的信息指出资源的位置以及浏览器应该怎么处理资源。

基本格式：protocol :// hostname[:port] / path / [;parameters][?query][#anchor]
protocol (协议)：指定使用的传输协议，如 http、https、ftp、telnet (远程终端连接协议)。
hostname (主机名)：指存放资源的服务器的 IP 地址或域名。
port (端口号)：可选，省略时使用传输协议的默认端口，如 http的默认端口是80。
path (路径)：由若干个“/”隔开的字符串，一般用来表示主机上的一个目录或文件地址。
parameters (参数)：可选，用于指定特殊参数。
query (查询)：可选，用于给动态网页传递参数，可有多个参数，用“&”隔开，每个参数的名和值用“=”隔开。
anchor (锚)：可选，用于指定网络资源中的具体位置。

DNS

DNS：Domain Name System，域名系统
一种组织成域层次结构的计算机和网络服务命名系统，域名和 IP 地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的 IP 数串。

查询域名所对应的 IP 地址：在终端窗口键入命令：nslookup + 域名
查询 IP 地址对应的域名：在终端窗口键入命令：nslookup + IP地址

HTTP

HTTP：Hypertext Transfer Protocol，超文本传输协议
应用最为广泛的一种网络传输协议，用于从万维网服务器传输超文本到本地浏览器的传送协议。

HTTP 请求方法：
GET：请求指定的页面信息，并返回实体主体。
POST：向指定资源提交数据进行处理请求。数据被包含在请求体中。
PUT：从客户端向服务器传送的数据取代指定的文档的内容。

MIME 类型：描述消息内容类型的因特网标准。
每个 MIME 类型由两部分组成，前面是数据的大类别，如声音 audio、图象 image 等，后面定义具体的种类。
为了支持多媒体数据类型，HTTP协议中使用了附加在文档之前的 MIME 数据类型信息来标识数据类型。

学习网站（参考资料）

1. W3C 官方学习网站：https://www.w3school.com.cn
2. Mozilla 开发者社区：https://developer.mozilla.org/zh-CN/docs/Learn
3. 中国大学 MOOC Web 编程技术：https://www.icourse163.org/course/XJTU-1003679001
4. 中国大学 MOOC Web 前端开发：https://www.icourse163.org/course/BFU-1003382003