Web前端開(kāi)發(fā)和網(wǎng)頁(yè)制作是一回事嗎？

來(lái)源：奇酷教育發(fā)表于：2016-09-01 18:03:03

前端開(kāi)發(fā)和網(wǎng)頁(yè)制作不是一回事，在工作中也不是一個(gè)職位，他們是包含與被包含的關(guān)系，即前端開(kāi)發(fā)包含網(wǎng)頁(yè)制作。一般意義上的網(wǎng)頁(yè)制作可以

前端開(kāi)發(fā)和網(wǎng)頁(yè)制作不是一回事，在工作中也不是一個(gè)職位，他們是包含與被包含的關(guān)系，即前端開(kāi)發(fā)包含網(wǎng)頁(yè)制作。一般意義上的網(wǎng)頁(yè)制作可以分為兩部分，即網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)頁(yè)排版，僅從技術(shù)上來(lái)說(shuō)，學(xué)會(huì)兩個(gè)軟件就夠了，即Photoshop和Dreamweaver。前者負(fù)責(zé)設(shè)計(jì)效果圖和切圖即網(wǎng)頁(yè)設(shè)計(jì)，后者負(fù)責(zé)編寫(xiě)html代碼以及css樣式表文件，也就網(wǎng)頁(yè)排版，將切割后的圖重新按照效果圖的樣子擺放在網(wǎng)頁(yè)對(duì)應(yīng)的位置上。

　　當(dāng)然設(shè)計(jì)你也可以用Illustrator，切圖用Fireworks，或者混搭用，作為效果圖的一部分，可能需要重繪logo或者用到矢量的素材，這時(shí)候你便需要打開(kāi)Ai進(jìn)行編輯，然后導(dǎo)入到Ps里面，并最終完成效果圖。

　　此外，F(xiàn)lash也是需要掌握的，雖然隨著html5以及css3.0的推出，以及強(qiáng)大的Java，大部分動(dòng)畫(huà)效果(比如知乎登陸頁(yè)面旋轉(zhuǎn)的地球)不用Flash就可以實(shí)現(xiàn)，F(xiàn)lash在網(wǎng)頁(yè)設(shè)計(jì)中的地位開(kāi)始邊緣化，但是偶爾還是需要用到的。

　　以上都還包含在設(shè)計(jì)的范疇里，換句話說(shuō)，這才是真正屬于美工干的活。

　　接下來(lái)便是網(wǎng)頁(yè)排版了。網(wǎng)頁(yè)排版更接近于開(kāi)發(fā)。如果你的手寫(xiě)代碼的能力比較強(qiáng)，下面的工作只用一個(gè)記事本或者類似的文本編輯器就足夠了。當(dāng)然用專業(yè)的網(wǎng)頁(yè)制作工具會(huì)更方便一些，里面的一些工作組件以及代碼自動(dòng)提示會(huì)節(jié)省很多寫(xiě)代碼的時(shí)間。寫(xiě)代碼的時(shí)候要兼顧很多方面，首先要遵循web標(biāo)準(zhǔn)，注意Div的嵌套層次順序，以及兼容各大主流瀏覽器。

　　這里一張前端工程師的工作內(nèi)容和職責(zé)，便從另一個(gè)角度詳細(xì)闡明了前端開(kāi)發(fā)到底都包括哪些內(nèi)容。

　　前端開(kāi)發(fā)和網(wǎng)頁(yè)制作是一回事嗎?

　　顯然一個(gè)好的前端開(kāi)發(fā)人員是連通和設(shè)計(jì)和代碼之間的一個(gè)橋梁。既要有理工的嚴(yán)謹(jǐn)又要有文藝的情懷。既要懂得交互設(shè)計(jì)，提高用戶體驗(yàn)，又要具有美術(shù)基礎(chǔ)和審美能力，而在此基礎(chǔ)之上，還要對(duì)已完成的頁(yè)面進(jìn)行維護(hù)和以及網(wǎng)站前端性能做相應(yīng)的優(yōu)化。而網(wǎng)頁(yè)制作只是這整個(gè)前端開(kāi)發(fā)過(guò)程的一個(gè)組成部分。

下一篇:零基礎(chǔ)學(xué)習(xí)Web前端開(kāi)發(fā)的七大誤區(qū) 上一篇:UI設(shè)計(jì)和Web前端區(qū)別在哪

Python交流群
635448130點(diǎn)擊加入群聊
UI設(shè)計(jì)交流群
579150876點(diǎn)擊加入群聊
Unity交流群
495609038點(diǎn)擊加入群聊
HTML5交流群
645591648點(diǎn)擊加入群聊

奇酷教育-Python培训|UI培训|WEB大前端培训|Unity3D培训|HTML5培训|人工智能培训|JAVA开发的教育品牌

Web前端開(kāi)發(fā)和網(wǎng)頁(yè)制作是一回事嗎？

奇酷熱點(diǎn)

常見(jiàn)問(wèn)題

奇酷技術(shù)交流中心

相關(guān)文章