WEB前端開發(fā)做什么腾仅?
PC端頁面
移動端頁面
解決用戶體驗問題
必備條件是什么?
1>會上網(wǎng)套利,會打字推励,懂得互聯(lián)網(wǎng)是什么
2>興趣
3>肯練習
瀏覽器和服務器如何信息交互?
通過瀏覽器如何查看請求報文和響應報文?
瀏覽器通過輸入的地址肉迫,將請求報文發(fā)送到服務器验辞,服務器從請求報文中得到要請求文件的信息,服務器讀取它的信息喊衫,然后交給響應報文跌造,瀏覽器接收響應報文,瀏覽器將文件內(nèi)容顯示出來格侯。
瀏覽器在顯示內(nèi)容之前會做一些處理鼻听,通過瀏覽器內(nèi)核來解析響應回來的內(nèi)容,才能將頁面顯示出來联四。
瀏覽器內(nèi)核:
內(nèi)核(Rendering Engine):可大概譯為“渲染引擎”撑碴,不過我們一般習慣將之稱為“瀏覽器內(nèi)核”。負責對網(wǎng)頁語法的解釋(如標準通用標記語言下的一個應用HTML朝墩、JavaScript)并渲染(顯示)網(wǎng)頁醉拓。
內(nèi)核的分類:
Trident:ie , 獵豹安全瀏覽器,360極速瀏覽器,百度瀏覽器...
Gecko:Firefox
Webkit:Safari,Chrome
Presto:Opera
不同的內(nèi)核在渲染同一內(nèi)容的時候會有差別收苏。
頁面的本質(zhì):從服務器中響應回來的一段文本通過瀏覽器內(nèi)核來解析亿卤,解析出來顯示到頁面上。
http協(xié)議:瀏覽器與服務器交互的約定
http協(xié)議:請求報文 響應報文 url 還有其它的協(xié)議比如:https協(xié)議 ftp協(xié)議鹿霸。
Url:http://192.168.16.200:8080/index.html 協(xié)議名 服務器的ip 端口號 請求文件的名稱
DNS域名解析系統(tǒng) 將192.168.16.200----->www.taobao.com
所以建立網(wǎng)站首先要購買 服務器和域名 排吴,用域名來綁定服務器
學習那些知識才能做出精美作品?
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是很有來頭的編碼,認識世界各個語言,能夠正確識別語言伦乔,相當于是翻譯家厉亏,不會出現(xiàn)亂碼的現(xiàn)象
Css層疊樣式表(給網(wǎng)頁做裝修的)
width: 100px;
height: 100px;
background: red;
Javascript:腳本語言(是一種可以動的行為)
搭建一個網(wǎng)頁相當于搭建一個房子 html css js(冬暖夏涼)
案例:onclick="this.style.width='800px';this.style.height='800px';"
(讓頁面動起來)