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';"
（讓頁面動起來）
