【html-css】01前端简介

1. 软件的分类

1.1. 系统软件

• Windows
• Linux
• macOS

1.2. 应用软件

• Office
• QQ

1.3. 游戏软件

• 绝地求生
• 王者荣耀

2. 客户端与服务器

通常情况下，现在的软件一般由两个部分组成：

• 客户端：用户通过客户端来使用软件。
• 服务器：服务器负责在远程处理业务逻辑。

2.1. 服务器

服务器开发的语言：

• Java
• PHP
• C#
• Python
• Node.js
• ……

2.2. 客户端

客户端的形式

• 文字客户端：占老的方式，通过命令行来使用软件
• 图形化界面：通过点击拖动等来使用软件。Windows 中、macOS 中、Android、iOS 中的大部分应用。（C/S 架构）
• 网页：通过访问网页来使用软件。所有的网站都属于这个范畴。（B/S 架构）

3. 网页的特点

相较于传统的图形化界面，网页具有如下一些优点：

• 不需要安装
• 无需更新
• 跨平台

网页中使用的语言：

• HTML、CSS、JavaScript

4. 网页简史

蒂姆·伯纳斯·李爵士，万维网的发明人。

1991 年 8 月 6 日，世界上第一个服务器和第一个网站在欧洲核子研究中心上线。

第一个网站：http://info.cern.ch/hypertext/WWW/TheProject.html

五. 浏览器的问题

市面上存在有很多不同的浏览器。

在万维网的初期，网页编写并没有标准。

于是就出现了这种情况：

六. W3C 的建立

伯纳斯李 1994 年建立万维网联盟（W3C）

W3C 的出现为了制订网页开发的标准，以使同一个网页在不同的浏览器中有相同的效果。

所以，我们需要制订我们编写的网页都需要遵循 W3C 的规范！

七. 网页的结构思想

根据 W3C 标准，一个网页主要由三部分组成：结构、表现还有行为。

结构、表现、行为

• 结构（骨架）：HTML 用于描述页面的结构
• 表现（皮肤）：CSS 用于控制页面中元素的样式
• 行为（交互）：JavaScript 用于响应用户操作