• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> css >> 前端開發(fā)和網(wǎng)頁制作有什么區(qū)別？

前端開發(fā)和網(wǎng)頁制作有什么區(qū)別？

• 作者：創(chuàng)新互聯(lián) 文章來源：前端開發(fā)部 點(diǎn)擊數(shù)： 更新時(shí)間：2011-01-07
• 　　前端開發(fā)和網(wǎng)頁制作不是一個(gè)職位，他們是包含與被包含的關(guān)系，即前端開發(fā)包含網(wǎng)頁制作。一般意義上的網(wǎng)頁制作可以分為兩部分，即網(wǎng)頁設(shè)計(jì)和網(wǎng)頁排版，僅從技術(shù)上來說，學(xué)會(huì)兩個(gè)軟件就夠了，Photoshop和Dreamweaver。前者負(fù)責(zé)設(shè)計(jì)效果圖和切圖即網(wǎng)頁設(shè)計(jì)，后者負(fù)責(zé)編寫html代碼以及css樣式表文件，也就網(wǎng)頁排版，將切割后的圖重新按照效果圖的樣子擺放在網(wǎng)頁對(duì)應(yīng)的位置上。
  
  　　當(dāng)然設(shè)計(jì)你也可以用Illustrator，切圖用Fireworks,或者混搭用，作為效果圖的一部分，可能需要重繪logo或者用到矢量的素材，這時(shí)候你便需要打開Ai進(jìn)行編輯，然后導(dǎo)入到Ps里面，并最終完成效果圖。因?yàn)槲冶容^喜歡用Fireworks切圖，所以常常用Ps作圖后，再導(dǎo)入到Fireworks里面。
  
  　　此外，F(xiàn)lash也是需要掌握的，雖然隨著html5以及css3.0的推出，以及強(qiáng)大的JavaScript，大部分動(dòng)畫效果（比如知乎登陸頁面旋轉(zhuǎn)的地球）不用Flash就可以實(shí)現(xiàn)，F(xiàn)lash在網(wǎng)頁設(shè)計(jì)中的地位開始邊緣化，但是偶爾還是需要用到的。我參與的上一個(gè)項(xiàng)目，對(duì)方要求繪制一張山東地圖，點(diǎn)擊任意地市可以跳轉(zhuǎn)到該地市的所在頁面，我當(dāng)時(shí)就用了差不多一天的時(shí)間用Ai繪制了地圖然后倒入到Flash做成了動(dòng)畫，增加了動(dòng)態(tài)效果還有音效。結(jié)果被大贊，高興了好幾天。
  
  　　以上都還包含在設(shè)計(jì)的范疇里，換句話說，這才是真正屬于美工干的活。
  
  　　接下來便是網(wǎng)頁排版了。網(wǎng)頁排版更接近于開發(fā)。如果你的手寫代碼的能力比較強(qiáng)，下面的工作只用一個(gè)記事本或者類似的文本編輯器就足夠了。當(dāng)然用專業(yè)的網(wǎng)頁制作工具會(huì)更方便一些，里面的一些工作組件以及代碼自動(dòng)提示會(huì)節(jié)省很多寫代碼的時(shí)間。寫代碼的時(shí)候要兼顧很多方面，首先要遵循web標(biāo)準(zhǔn)，注意Div的嵌套層次順序，以及兼容各大主流瀏覽器。有時(shí)候?qū)Ψ娇量蹋�要求兼容IE6，你還得針對(duì)ie6寫一些csshack，有句話說，ie6就像女朋友，你總是不知道她生氣的原因。這也是很頭疼的問題。
  
  　　顯然一個(gè)好的前端開發(fā)人員是連通和設(shè)計(jì)和代碼之間的一個(gè)橋梁。既要有理工的嚴(yán)謹(jǐn)又要有文藝的情懷。既要懂得交互設(shè)計(jì)，提高用戶體驗(yàn)，又要具有美術(shù)基礎(chǔ)和審美能力，而在此基礎(chǔ)之上，還要對(duì)已完成的頁面進(jìn)行維護(hù)和以及網(wǎng)站前端性能做相應(yīng)的優(yōu)化。而網(wǎng)頁制作只是這整個(gè)前端開發(fā)過程的一個(gè)組成部分，所以真正的前端開發(fā)人員是一個(gè)很厲害的角色，沒事不要惹他，尤其是它。
• CSS加載外部字體的方法_CSS載入本地沒有的字體 :上一篇
  企業(yè)網(wǎng)站建設(shè)網(wǎng)站重構(gòu)CSS常用技巧分析 :下一篇