上個世界80年代，互聯(lián)網(wǎng)開始誕生，人們做夢都沒想到30年后，互聯(lián)網(wǎng)可以滲透到各行各業(yè)，對社會發(fā)展起到重大的影響。網(wǎng)站從一開始的幾個頁面，簡單的文字和圖片，發(fā)展到今天的交互技術(shù)，體現(xiàn)是網(wǎng)絡(luò)技術(shù)不斷的發(fā)展更新。隨著互聯(lián)網(wǎng)的發(fā)展，早期的網(wǎng)站前端代碼，那些簡單的樣式，文字，圖片就樣式代碼，已經(jīng)不能符合人們的審美觀念。在HTML5流行的時代，網(wǎng)站前端技術(shù)要求也越來越高了。于是就誕生了前端設(shè)計師這么一個職位。
 
前端設(shè)計到底是做什么的，能夠在網(wǎng)站建設(shè)中起到什么作用呢？一些公司職位劃分的時候是沒有前端這個職位，只有特別專業(yè)或者是具有很完善的互聯(lián)網(wǎng)開發(fā)公司體系才會安排這個職位，很多公司的安排會吧前端與設(shè)計合為一起，或者是程序員兼做前端，所以網(wǎng)站建設(shè)中前端給人的印象不是十分的深刻。
 
前端的職位已經(jīng)不想很早以前，網(wǎng)站存在這簡單的模板套用，那時的頁面設(shè)計風(fēng)格相對單一，對應(yīng)的頁面需求比較簡單，并且當(dāng)時的瀏覽器也是基本的IE6的天下，javascript 也只是網(wǎng)頁特效的代名詞，HTML 頁面本身沒有引起太多人的關(guān)注，似乎只要能用 table 加 css 輔助把圖片定好位，把頁面內(nèi)容預(yù)留好就 OK 了，并且這種觀念存在了很長一段時間。
 
隨著互聯(lián)網(wǎng)的風(fēng)靡，越來越多的公司對網(wǎng)站建設(shè)要求的層次不同，網(wǎng)站的設(shè)計風(fēng)格越來越個性化、專業(yè)化、精良化。交互復(fù)雜性的增加，Html5技術(shù)的應(yīng)用，瀏覽器的更新?lián)Q代，又讓大家重新對最基本的頁面本身重視起來。然后熱議的就是瀏覽器的兼容性，碰到問題最熱衷的就是滿網(wǎng)絡(luò)搜索 hack，順便再罵罵 IE6、7……當(dāng)這些都做一遍后，似乎又遇到了瓶頸，又開始尋找出路。
 


那么好的前端代碼能夠為網(wǎng)站帶來哪些好處呢：

（1）能夠給網(wǎng)站結(jié)構(gòu)布局帶來良好的展現(xiàn)：合理使用模塊化的開發(fā)，代碼風(fēng)格的統(tǒng)一，盡可能的避免代碼重復(fù)能大大加快網(wǎng)頁的運行速度。
 
（2）簡約的代碼：看到合理的標(biāo)簽使用、良好的注釋、清晰的代碼結(jié)構(gòu)、用意準(zhǔn)確的 css 不僅猶如欣賞一個藝術(shù)品，更為下游開發(fā)和協(xié)同開發(fā)降低了不小的溝通成本。特別是 HTML5 提供了更豐富的語義化標(biāo)簽，它們都苦苦地在等待戰(zhàn)場上的沖鋒號，讓我們?nèi)ソ夥潘鼈儼桑?br />  
（3）與HTML5的結(jié)合，HTML5時代的來臨伴隨著移動互聯(lián)網(wǎng)的興起創(chuàng)造了更大的機會，還有太多的東西值得我們?nèi)W(xué)習(xí)去發(fā)現(xiàn)。 HTML5 提供了豐富的 JS API 接口，需要我們?nèi)パ芯?；CSS3的絢麗吸引了足夠多的眼球，需要我們?nèi)パ芯浚灰苿釉O(shè)備上如何開發(fā)更加適配的頁面.

總的來說，前端設(shè)計師在整個網(wǎng)站設(shè)計中起著承上啟下的作用。網(wǎng)站的一些個性化體驗，動感的交互，都離不開前端設(shè)計師的努力。

作者：方維網(wǎng)絡(luò)吳國美