Web前端是給用戶展示的網(wǎng)頁(yè)頁(yè)面，即網(wǎng)站的前臺(tái)部分，是關(guān)于用戶可以看到和體驗(yàn)的網(wǎng)站的視覺方面，即用戶所看到的一切Web瀏覽器展示的內(nèi)容，涉及用戶可以看到，觸摸和體驗(yàn)的一切；即web前端包括web頁(yè)面的結(jié)構(gòu)、web的外觀視覺表現(xiàn)以及web層面的交互實(shí)現(xiàn)。Web前端主要針對(duì)編碼和構(gòu)建可見的東西，也就是用戶進(jìn)行交互的界面，集中在Web應(yīng)用程序或網(wǎng)站中。

本教程操作環(huán)境：windows7系統(tǒng)、Dell G3電腦。

Web前端是什么

Web前端是給用戶展示的網(wǎng)頁(yè)頁(yè)面，即網(wǎng)站的前臺(tái)部分。

web前端也被稱為“客戶端”，是關(guān)于用戶可以看到和體驗(yàn)的網(wǎng)站的視覺方面，即用戶所看到的一切Web瀏覽器展示的內(nèi)容，涉及用戶可以看到，觸摸和體驗(yàn)的一切；即web前端包括web頁(yè)面的結(jié)構(gòu)、web的外觀視覺表現(xiàn)以及web層面的交互實(shí)現(xiàn)。

web前端從網(wǎng)頁(yè)制作演變而來，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁(yè)更加美觀，交互效果顯著，功能更加強(qiáng)大。

web前端主要針對(duì)編碼和構(gòu)建可見的東西，也就是用戶進(jìn)行交互的界面，集中在Web應(yīng)用程序或網(wǎng)站中。它還包括移動(dòng)應(yīng)用程序的開發(fā)，負(fù)責(zé)創(chuàng)建這些類型的應(yīng)用程序的布局或架構(gòu)的人員是前端開發(fā)人員。

web即全球廣域網(wǎng)，也稱為萬維網(wǎng)，是一種基于超文本和HTTP的、全球性的、動(dòng)態(tài)交互的、跨平臺(tái)的分布式圖形信息系統(tǒng)。是建立在Internet上的一種網(wǎng)絡(luò)服務(wù)，為瀏覽者在Internet上查找和瀏覽信息提供圖形化的、易于訪問的直觀界面，其中的文檔及超級(jí)鏈接將Internet上的信息節(jié)點(diǎn)組織成一個(gè)互為關(guān)聯(lián)的網(wǎng)狀結(jié)構(gòu)。

前端網(wǎng)絡(luò)編程的挑戰(zhàn)在于用于實(shí)現(xiàn)前端頁(yè)面的工具以及技術(shù)變化得很快，所以工程師需要不斷注意產(chǎn)業(yè)是如何發(fā)展的（例如ECMAScript 6）。

設(shè)計(jì)網(wǎng)頁(yè)的目的在于確保用戶打開站點(diǎn)的時(shí)候，信息是以容易閱讀并且相互關(guān)聯(lián)的形式呈現(xiàn)的。隨之帶來的問題是，現(xiàn)在用戶實(shí)用大量的設(shè)備來訪問網(wǎng)頁(yè)，這些設(shè)備具有不同的屏幕尺寸以及清晰度。

所以設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要注意這些方面。他們需要確保他們的網(wǎng)頁(yè)在不同的瀏覽器、不同的操作系統(tǒng)以及不同的設(shè)備上顯示正確，這需要在工程師端進(jìn)行仔細(xì)的計(jì)劃。

前端開發(fā)人員的工作

前端開發(fā)人員的工作是實(shí)現(xiàn)可視化和交互式元素，這些功能就是為了幫助自己的應(yīng)用程序或網(wǎng)站吸引到