前端学习1-前端基础介绍

软件的架构种类

（1）C/S:客户端/服务器
C：用户通过客户端使用软件。
S：服务器负责处理软件的业务逻辑。
客户端发消息给服务器，服务器处理之后再转发给其他用户的客户端。一般我们使用的软件都是这种架构，例如QQ,office等。
特点：软件使用前必须要安装，软件更新时服务器和客户端都要同步更新，且不能跨平台（windows，Mac，Linux…）使用，不同操作系统对应不同软件版本。C/S架构的软件在客户端和服务器通信时使用的是自有协议，相对来说比较安全。
（2）B/S：浏览器/服务器
与C/S无本质区别，只不过B/S架构的软件使用浏览器作为软件的客户端。通过使用浏览器访问网页的形式使用软件。例如：京东，淘宝，微博等。
特点：软件不需要安装，直接使用浏览器访问网址即可，软件更新时客户端不需要更新，只需要只需要更新服务器，可以跨平台使用，因此开发成本比C/S更低。客户端和服务器之间的通信使用的是通用的HTTP协议，因此相对来说安全性比较低。当然我们可以加密之后就变成了使用HTTPS协议。这些特点决定了B/S通用性更高。

软件开发流程

（1）需求分析
（2）网页设计师根据需求设计出网页图片
（3）前端工程师将设计图转换为静态网页
（4）后台工程师将静态页面改为动态页面

网页的三个组成部分

结构：HTML用于网页框架的构造，例如：标题，段落，图片，超链接等。
表现：CSS用于控制页面中元素的样式，例如：页面大小，文字颜色等。
行为：JavaScript用于响应用户操作，是用户和网页的交互部分。
Ps：W3C万维网联盟，定义了HTML,CSS,DOM,HTTP,XML的标准。