web前端，做的工作與網(wǎng)站系統(tǒng)的頁面相關(guān)工作，主要是制作網(wǎng)頁，并且在原有的靜態(tài)頁面上增加各種特效，以及網(wǎng)上的維護(hù)等。

Web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。使用到的主要技術(shù)包括：HTML、CSS、JavaScript，如果能會后臺編程語言，當(dāng)然會更好。

Web前端開發(fā)所需要的技術(shù)基礎(chǔ)：

1、對常用的一些JS框架了解，如jQuery、YUI等。

2、掌握最基本的JavaScript計(jì)算方法編寫。

3、對目前互聯(lián)網(wǎng)流行的網(wǎng)頁制作方法（Web2.0）HTML+CSS，以及各大瀏覽器兼容性有很大的了解。

4、對前沿技術(shù)（HTML5+CSS3）的基本掌握。

5、還要對IT其他編程語言有所了解如：PHP，Java，.net！有一些公司還要求懂一點(diǎn)SEO優(yōu)化

前端，官方的定義是前端就是網(wǎng)站前臺部分，運(yùn)行在PC端，移動端等瀏覽器上展現(xiàn)給用戶瀏覽的網(wǎng)頁。用自己的話來說，前端是網(wǎng)頁給訪問網(wǎng)站的人看的內(nèi)容和頁面。那前端開發(fā)顧名思義就是這些內(nèi)容和頁面中代碼的實(shí)現(xiàn)。不過現(xiàn)在的前端不完全就是網(wǎng)頁設(shè)計(jì)，早年的網(wǎng)頁設(shè)計(jì)主要是以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。而現(xiàn)在的前端開發(fā)使得現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強(qiáng)大。所以現(xiàn)在的前端開發(fā)，運(yùn)用到的知識面更加廣泛，難度也更大。 不過，無論怎么發(fā)展，HTML、CSS和JavaScript依然是整個前端開發(fā)的三大基石。所以不論題主是想做移動前端開發(fā)還是web前端開發(fā)，這三樣基礎(chǔ)技術(shù)都必須熟練掌握。1，HTML是網(wǎng)頁的核心，是一種制作網(wǎng)頁頁面的標(biāo)準(zhǔn)語言，可以消除不同計(jì)算機(jī)之間信息交流的障礙。因此，它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，學(xué)好HTML是成為Web開發(fā)人員的基本條件。HTML是一種標(biāo)記語言，能夠?qū)崿F(xiàn)Web頁面并在瀏覽器中顯示。2，CSS是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)，頁面制作完成當(dāng)然需要美化，這時候就會用到CSS，它可以網(wǎng)頁外觀做的更加美觀。3，JavaScript主要目的是為了解決服務(wù)器端語言，為客戶提供更流暢的瀏覽效果。加入JavaScript，是為了提供了數(shù)據(jù)驗(yàn)證的基本功能。 學(xué)會這些，當(dāng)然也只是開始，這都是最基礎(chǔ)的部分。學(xué)無止境，要想學(xué)好前端，就要付出百倍的努力。

每天我們打開電腦，看到各種各樣的Web前端頁面。你知道他們是如何制作的嗎？為了讓頁面更具有規(guī)范性，讓使用者更加方便，在制作頁面過程中必須遵循一定的設(shè)計(jì)流程。在這里就為大家詳細(xì)介紹一下制作一個Web前端頁面的設(shè)計(jì)流程及注意事項(xiàng)。

一：確定網(wǎng)站主題

每個網(wǎng)站都有自身以及對用戶的定位。針對網(wǎng)站定位確定網(wǎng)站的主題是整個網(wǎng)站運(yùn)營的核心。一般從網(wǎng)站建設(shè)的目標(biāo)、網(wǎng)站用戶群體、網(wǎng)站產(chǎn)品內(nèi)容以及企業(yè)服務(wù)四個方面確定網(wǎng)站主題。此外還需要注意，每個頁面不但要承載整體企業(yè)的定位，同時還要側(cè)重其中某一個特定主題。

二：網(wǎng)站整體規(guī)劃

為了提高用戶體驗(yàn)以及提高網(wǎng)站在搜索引擎收錄率，在網(wǎng)站建設(shè)初期最好能夠理清網(wǎng)站機(jī)構(gòu)，增加不同頁面之間的關(guān)聯(lián)性，從而更好規(guī)劃頁面的布局以及網(wǎng)站功能。一般情況下，產(chǎn)品經(jīng)理在設(shè)計(jì)網(wǎng)站初期就會提供完整的業(yè)務(wù)邏輯圖，設(shè)計(jì)師和前端工程師根據(jù)業(yè)務(wù)邏輯架構(gòu)完成相關(guān)頁面的設(shè)計(jì)開發(fā)。需要重點(diǎn)考慮的內(nèi)容包括：網(wǎng)站的功能、網(wǎng)站的結(jié)構(gòu)、拌面布局等等。尤其在網(wǎng)站功能需求較多的情況下，網(wǎng)站整體規(guī)劃更加重要。

三、整合素材

在網(wǎng)站整體架構(gòu)完成后，就可以開始整合收集素材了。網(wǎng)站開發(fā)和網(wǎng)站內(nèi)容籌備同步進(jìn)行，可以大大提高網(wǎng)頁開發(fā)的效率。主要收集的素材包括文本素材（一般由公司內(nèi)容運(yùn)營提供相應(yīng)的文字素材，需要注意的是，這些文字素材的準(zhǔn)確性以及版權(quán)非唯一性）、圖片素材（現(xiàn)在很少有純文字性的網(wǎng)站，往往需要大量的圖片素材，甚至還有視頻素材等）。

四、網(wǎng)站開發(fā)與動態(tài)效果

前端頁面開發(fā)主要用到HTML、CSS、JavaScript技術(shù)。在確定網(wǎng)站結(jié)構(gòu)以及頁面設(shè)計(jì)圖齊全的情況下，前端開發(fā)工程師就可以進(jìn)行頁面開發(fā)了。這個過程中主要完成頁面搭建以及動態(tài)效果實(shí)現(xiàn)。

此外在前端頁面設(shè)計(jì)過程中還需要有一些常規(guī)的注意事項(xiàng)：頁面分辨率設(shè)置，在設(shè)計(jì)網(wǎng)頁時，頁面的寬度盡量不要超過屏幕的分辨率，否則頁面可能無法完全展示；注意頁面版心位置。目前比較流行的屏幕寬度分辨率一般1200PX~1920px，為了適配不同分辨率的顯示器，一般設(shè)計(jì)班型寬度在1000Px~1200Px之間。

這就是為大家分享的Web前端頁面制作流程以及注意事項(xiàng)。在不同的公司中，前端工程師的崗位職責(zé)是不同的，甚至在某些大型互聯(lián)網(wǎng)公司中，部分前端工程師僅僅做其中一個環(huán)節(jié)，即使如此作為前端工程師還是要多多學(xué)習(xí)大前端的技術(shù)知識，才能更好的適應(yīng)企業(yè)人才需求。