現(xiàn)在網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)用什么軟件，什么技術(shù)？責(zé)任編輯 :李飛    文章來(lái)源 :星翼創(chuàng)想(briannamclaughlin.com)    發(fā)布時(shí)間 :2016-04-09    閱讀次數(shù):4301

網(wǎng)站設(shè)計(jì)可以分為幾個(gè)階段：
原型設(shè)計(jì)階段
編碼階段
測(cè)試階段




原型階段
原型設(shè)計(jì)階段的任務(wù)就是根據(jù)用戶的需求描繪出頁(yè)面的草圖。這時(shí)候最為有效的工具其實(shí)就是鉛筆和紙。當(dāng)然，也有一些比較不錯(cuò)的原型設(shè)計(jì)工具，比如balsamip, mockingbird 等。 當(dāng)然，傳統(tǒng)的平面設(shè)計(jì)工具在這個(gè)階段也有幫助，比如photoshop等。


關(guān)于原型設(shè)計(jì)工具的問(wèn)題，stackoverflow有一個(gè)詳細(xì)的討論：
參考：http://stackoverflow.com/questions/720191/web-ui-prototyping-tools


編碼階段
在完成了基本的效果圖設(shè)計(jì)后，就需要將相應(yīng)的設(shè)計(jì)效果轉(zhuǎn)換為html , css和javascript，這時(shí)候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程師在這個(gè)階段就會(huì)采用文本編輯器，比如vim,textmate來(lái)實(shí)現(xiàn)原型。


由于CSS是一個(gè)與視覺(jué)效果密切相關(guān)的要素，因此在CSS的設(shè)計(jì)方面，有大量所見(jiàn)即所得的輔助設(shè)計(jì)工具，
比如這個(gè)網(wǎng)站： http://css3.mikeplate.com/ 就可以用于在線生成 css樣式


另外，網(wǎng)站設(shè)計(jì)和前端邏輯一般來(lái)講是不能完全分離的，對(duì)于前端設(shè)計(jì)師來(lái)說(shuō)，掌握基本的javascript知識(shí)是需要的，如果能夠熟練地掌握一種基本的js框架，比如jquery那就更好了


測(cè)試階段
由于眾所周知的原因，目前主流的某一知名瀏覽器經(jīng)常有著與其他瀏覽器截然不同的表現(xiàn)。作為一個(gè)認(rèn)真的前端工程師，你應(yīng)該還要掌握跨瀏覽器兼容性測(cè)試的技術(shù)和工具。


要理解每一個(gè)瀏覽器的css/html 實(shí)現(xiàn)上的差異，以及如何使用工具進(jìn)行檢測(cè)。
比如:
1. http://browsershots.org/ 在線的兼容性測(cè)試工具


//注：我的個(gè)人理解樓主的問(wèn)題主要是關(guān)注網(wǎng)站的前端設(shè)計(jì)，因此回答的內(nèi)容也就局限于前端的技術(shù)，而沒(méi)有涉及后端的開(kāi)發(fā)技術(shù)


作者：蔡嘯
鏈接：https://www.zhihu.com/question/19665496/answer/13095728
來(lái)源：知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

文章轉(zhuǎn)載請(qǐng)保留網(wǎng)址：http://briannamclaughlin.com/news/faq/1649.html