前端基础及使用工具

软件架构：
1、C/S，客户端/服务器
a、一般使用的软件都是C/S架构
b、C表示客户端，用户通过客户端使用软件
c、S表示服务器，服务器负责处理软件的业务逻辑
d、特点：软件使用前必须安装、软件更新时，客户端和服务器得同时更新、C/S架构的软件不能跨平台使用（不能跨系统：.exe不能在iOS和Android里运行，一个平台开发一个版本）、C/S架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全（协议：相当于密码本。自有协议：有一套自己的密码）。
2、B/S，浏览器/服务器
a、B/S本质上是C/S，只不过B/S架构的软件，使用浏览器作为软件的客户端
b、B/S架构软件通过使用浏览器访问网页的形式，来使用软件
c、比如：京东、淘宝、知乎
d、特点：软件不需要安装、直接使用浏览器访问指定的网址、软件更新时，客户端不需要更新、软件可以跨平台使用，只要系统中有浏览器就可以使用。
d、B/S架构的软件，客户端和服务器之间通信采用的HTTP协议，相对来说不安全（HTTPS协议：由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议 要比http协议安度全）

前端做B/S，Android端做C/S
软件开发流程：1、网页设计师根据需求用PS设计网页 2、前端工程师将设计图转换成代码（静态网页）3、后台工程师将静态网页转换成动态网页4、通过接口连接前端和后台（JS既能写页面也可写服务器）

选择了做程序员，就要不断学习、不断吸取新知识不断努力！！！！

网页的组成：
1、结构—HTML:用于描述页面的结构
2、表现—CSS：用于控制页面中元素的样式
3、行为----JAVAScript：用于响应用户操作（重难点）

工具：
浏览器：火狐、IE、Chrome
编辑器：记事本、Notepad++、HBuilder
调试工具：FireBug
图片工具：Photoshop