WEB前端开发做什么？
PC端页面
移动端页面
解决用户体验问题
必备条件是什么？
1>会上网，会打字，懂得互联网是什么
2>兴趣
3>肯练习
浏览器和服务器如何信息交互？
通过浏览器如何查看请求报文和响应报文?
浏览器通过输入的地址，将请求报文发送到服务器，服务器从请求报文中得到要请求文件的信息，服务器读取它的信息，然后交给响应报文，浏览器接收响应报文，浏览器将文件内容显示出来。
浏览器在显示内容之前会做一些处理，通过浏览器内核来解析响应回来的内容，才能将页面显示出来。
浏览器内核：
内核（Rendering Engine）：可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。
内核的分类：
Trident：ie , 猎豹安全浏览器,360极速浏览器,百度浏览器...
Gecko：Firefox
Webkit：Safari，Chrome
Presto：Opera
不同的内核在渲染同一内容的时候会有差别。
页面的本质：从服务器中响应回来的一段文本通过浏览器内核来解析，解析出来显示到页面上。
http协议：浏览器与服务器交互的约定
http协议：请求报文 响应报文 url 还有其它的协议比如：https协议 ftp协议。
Url：http://192.168.16.200:8080/index.html 协议名 服务器的ip 端口号 请求文件的名称
DNS域名解析系统 将192.168.16.200----->www.taobao.com
所以建立网站首先要购买 服务器和域名 ，用域名来绑定服务器
学习那些知识才能做出精美作品？
1>软件（5%的时间）
浏览器: chrome IE 火狐 苹果 欧朋
浏览器插件：F12
用来写代码的编辑器（ws、sublime......）
Photoshop、FW（测量、剪裁、编辑）
2>语言（至少花95%的时间）
至少要学习： html css js这三种基本的语言
HTML 超文本标记语言
语言：和浏览器认识的语言、和浏览器打交道（沟通）
标记、标签：<html> <html>
标签对：<html></html>
单标签：<meta /> <img />
超：图片、声音、视频超出于文本的范畴
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>hello world</body>
</html>
UTF-8是很有来头的编码，认识世界各个语言，能够正确识别语言，相当于是翻译家，不会出现乱码的现象
Css层叠样式表（给网页做装修的）
width: 100px;
height: 100px;
background: red;
Javascript：脚本语言（是一种可以动的行为）
搭建一个网页相当于搭建一个房子 html css js(冬暖夏凉)
案例：onclick="this.style.width='800px';this.style.height='800px';"
（让页面动起来）
