前端開發和網頁製作是同一個職位嗎?


身為一個設計師,算了,身為一個美工,還是算了,身為一個切圖工、身為一個碼農。哎呀,無所謂了,愛怎麼叫怎麼叫吧。我來回答這個問題,水平有限,拋磚引玉。

前端開發和網頁製作不是一個職位,他們是包含與被包含的關係,即前端開發包含網頁製作。一般意義上的網頁製作可以分為兩部分,即網頁設計和網頁排版,僅從技術上來說,學會兩個軟體就夠了,Photoshop和Dreamweaver。前者負責設計效果圖和切圖即網頁設計,後者負責編寫html代碼以及css樣式表文件,也就網頁排版,將切割後的圖重新按照效果圖的樣子擺放在網頁對應的位置上。

當然設計你也可以用Illustrator,切圖用Fireworks,或者混搭用,作為效果圖的一部分,可能需要重繪logo或者用到矢量的素材,這時候你便需要打開Ai進行編輯,然後導入到Ps裡面,並最終完成效果圖。因為我比較喜歡用Fireworks切圖,所以常常用Ps作圖後,再導入到Fireworks裡面。

此外,Flash也是需要掌握的,雖然隨著html5以及css3.0的推出,以及強大的JavaScript,大部分動畫效果(比如知乎登陸頁面旋轉的地球)不用Flash就可以實現,Flash在網頁設計中的地位開始邊緣化,但是偶爾還是需要用到的。我參與的上一個項目,對方要求繪製一張山東地圖,點擊任意地市可以跳轉到該地市的所在頁面,我當時就用了差不多一天的時間用Ai繪製了地圖然後倒入到Flash做成了動畫,增加了動態效果還有音效。結果被大讚,高興了好幾天。

以上都還包含在設計的範疇里,換句話說,這才是真正屬於美工乾的活。

接下來便是網頁排版了。網頁排版更接近於開發。如果你的手寫代碼的能力比較強,下面的工作只用一個記事本或者類似的文本編輯器就足夠了。當然用專業的網頁製作工具會更方便一些,裡面的一些工作組件以及代碼自動提示會節省很多寫代碼的時間。寫代碼的時候要兼顧很多方面,首先要遵循web標準,注意Div的嵌套層次順序,以及兼容各大主流瀏覽器。有時候對方苛刻,要求兼容IE6,你還得針對ie6寫一些css hack,有句話說,ie6就像女朋友,你總是不知道她生氣的原因。這也是很頭疼的問題。

這裡一張前端工程師的工作內容和職責,便從另一個角度詳細闡明了前端開發到底都包括哪些內容。顯然一個好的前端開發人員是連通和設計和代碼之間的一個橋樑。既要有理工的嚴謹又要有文藝的情懷。既要懂得交互設計,提高用戶體驗,又要具有美術基礎和審美能力,而在此基礎之上,還要對已完成的頁面進行維護和以及網站前端性能做相應的優化。而網頁製作只是這整個前端開發過程的一個組成部分,所以真正的前端開發人員是一個很厲害的角色,沒事不要惹他,尤其是她。


給你說下前端是怎麼回事啊

最早的時候網頁還是三劍客的流程,大體就是一個人用 Fireworks 畫圖、切圖,導入到 Dreamweaver 改改布局就發布了。動態網頁會多一個填數據的過程,用 Dreamweaver 也能實現。

然後呢 Zeldman 寫了本書叫網站重構,教導我們:用表格是不對的,應該用 CSS。問題是 CSS 這玩意,畫圖的學不會,於是就出現了一類人專門寫 CSS。後來,畫圖的學寫 CSS,寫 CSS 的學畫圖,兩邊開始融合了。當然此時他們還叫「網頁製作」,不過在國內,叫 DIV+CSS 更能體現出自己的逼格。

之後約莫從 07 年開始 AJAX 火爆,AJAX 需要寫 JavaScript,JavaScript 經常要操縱 CSS,於是 JS 寫手開寫 CSS,CSS 寫手開寫 JS,第二次融合。至此,前端工程師閃亮登場!

所以在今天,「前端」就是那些寫網頁用的代碼的。「網頁設計」在切圖方面會更看重,不過兩者經常重疊。


遠遠不等於。網頁製作差不多只是切圖,切圖,再切圖。其結果只能像是大學計算機基礎的大作業那樣,最多最多能做個看起來像新浪網易等門戶網站的樣子。而要做到諸如WebQQ等web應用,則還差得很遠。


看前面的回答哎前端漸漸的與美工分開了。當然小公司估計你好是得干美工。其實如果真前端對三劍客 交互這類的了解很少。主要在html css js


方面有造詣。這才是吃飯的玩意。前端不等於切圖仔。如果你勵志要做前端。就好好學js隨著web標準的實現。瀏覽器會越來越少的依賴flash等富媒體。


前端需要掌握的知識要更多、更全面,甚至SEO都要學習,如果是網頁製作的話就不會要學這個了吧?


網頁製作?前端開發

其實在我們這種小城市根本沒有前端開發這個職位,只有一二線城市才有,我們這裡都是網頁製作和美工


推薦閱讀:

為什麼前端工程師都比較討厭微軟?
新手的對於前端組件化開發的一些疑問?
女生做web前端會很辛苦嗎?
react報錯Each child in an array or iterator should。。?
為什麼前端工程師很少用 Visual Studio (Windows)?

TAG:前端開發 | 網頁製作 | 前端工程師 |