外貿(mào)網(wǎng)站制作是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。

2005年以后，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動(dòng)，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。 以前會(huì)Photoshop和Dreamweaver就可以制作網(wǎng)頁，現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近幾年來備受青睞。Web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識(shí)面非常廣，既有具體的技術(shù)，又有抽象的理念。簡(jiǎn)單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

既然Web前端開發(fā)有很多的職位，那么不同的職位其各自的職責(zé)又是怎樣的呢?我們以“前端開發(fā)工程師”、“資深前端開發(fā)工程師”和“前端架構(gòu)師”這三種職位為例，來分析一下其各自的職責(zé)。

前端開發(fā)工程師(或者說“網(wǎng)頁制作”、“網(wǎng)頁制作工程師”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”)，這樣的一個(gè)職位的主要職責(zé)是與交互設(shè)計(jì)師、視覺設(shè)計(jì)師協(xié)作，根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁面制作。同時(shí)，在此基礎(chǔ)之上，對(duì)完成的頁面進(jìn)行維護(hù)和對(duì)網(wǎng)站前端性能做相應(yīng)的優(yōu)化。另外，一名合格的前端開發(fā)工程師，應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力，能很好的與交互及視覺協(xié)作。

在HTML5流行的時(shí)代，網(wǎng)站前端也越來越受到大家的關(guān)注，但是還是有很多人表示有懷疑前端到底是做什么的，能夠在網(wǎng)站建設(shè)中起到什么作用呢?很多公司的職位劃分的時(shí)候是沒有前端這個(gè)職位，只有特別專業(yè)或者具有很完善的公司體系才會(huì)安排這個(gè)職位，很多公司的安排會(huì)把前端與設(shè)計(jì)合為一起，還有把 前端和后臺(tái)建設(shè)合在一體，所以網(wǎng)站建設(shè)中前端給人的印象不是十分的深刻。

前端的職位已經(jīng)不像很早以前，網(wǎng)站存在著簡(jiǎn)單的模板樣式，那時(shí)的頁面設(shè)計(jì)風(fēng)格相對(duì)單一，對(duì)應(yīng)的頁面需求比較簡(jiǎn)單，并且當(dāng)時(shí)的瀏覽器也基本是 IE6 的天下，javascript 也只是網(wǎng)頁特效的代名詞，HTML 頁面本身沒有引起太多人的關(guān)注，似乎只要能用 div 甚至 table 加 css 輔助把圖片定好位，把頁面內(nèi)容預(yù)留好就 OK 了，并且這種觀念存在了很長(zhǎng)一段時(shí)間。

隨著3G業(yè)務(wù)的風(fēng)靡，還有不同人群對(duì)外貿(mào)網(wǎng)站制作要求的層次不同，網(wǎng)站的設(shè)計(jì)風(fēng)格越來越個(gè)性化、專業(yè)化、精良化。交互復(fù)雜性的增加，AJAX 的應(yīng)用，瀏覽器的更新?lián)Q代，又讓大家重新對(duì)基本的頁面本身重視起來。然后熱議的就是瀏覽器的兼容性，碰到問題熱衷的就是滿網(wǎng)絡(luò)搜索 hack，順便再罵罵 IE6、7……當(dāng)這些都做一遍后，似乎又遇到了瓶頸，又開始尋找出路。我們就從這個(gè)階段開始說起。