現(xiàn)在網(wǎng)站網(wǎng)頁設(shè)計用什么軟件，什么技術(shù)？責(zé)任編輯 :李飛 文章來源 :星翼創(chuàng)想(waterplane.cn) 發(fā)布時間 :2016-04-09 閱讀次數(shù):4448
網(wǎng)站設(shè)計可以分為幾個階段：
原型設(shè)計階段
編碼階段
測試階段
原型階段
原型設(shè)計階段的任務(wù)就是根據(jù)用戶的需求描繪出頁面的草圖。這時候最為有效的工具其實就是鉛筆和紙。當(dāng)然，也有一些比較不錯的原型設(shè)計工具，比如balsamip, mockingbird 等。 當(dāng)然，傳統(tǒng)的平面設(shè)計工具在這個階段也有幫助，比如photoshop等。
關(guān)于原型設(shè)計工具的問題，stackoverflow有一個詳細(xì)的討論：
參考：http://stackoverflow.com/questions/720191/web-ui-prototyping-tools
編碼階段
在完成了基本的效果圖設(shè)計后，就需要將相應(yīng)的設(shè)計效果轉(zhuǎn)換為html , css和javascript，這時候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程師在這個階段就會采用文本編輯器，比如vim,textmate來實現(xiàn)原型。
由于CSS是一個與視覺效果密切相關(guān)的要素，因此在CSS的設(shè)計方面，有大量所見即所得的輔助設(shè)計工具，
比如這個網(wǎng)站： http://css3.mikeplate.com/ 就可以用于在線生成 css樣式
另外，網(wǎng)站設(shè)計和前端邏輯一般來講是不能完全分離的，對于前端設(shè)計師來說，掌握基本的javascript知識是需要的，如果能夠熟練地掌握一種基本的js框架，比如jquery那就更好了
測試階段
由于眾所周知的原因，目前主流的某一知名瀏覽器經(jīng)常有著與其他瀏覽器截然不同的表現(xiàn)。作為一個認(rèn)真的前端工程師，你應(yīng)該還要掌握跨瀏覽器兼容性測試的技術(shù)和工具。
要理解每一個瀏覽器的css/html 實現(xiàn)上的差異，以及如何使用工具進(jìn)行檢測。
比如:
1. http://browsershots.org/ 在線的兼容性測試工具
//注：我的個人理解樓主的問題主要是關(guān)注網(wǎng)站的前端設(shè)計，因此回答的內(nèi)容也就局限于前端的技術(shù)，而沒有涉及后端的開發(fā)技術(shù)
作者：蔡嘯
鏈接：https://www.zhihu.com/question/19665496/answer/13095728
來源：知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
文章轉(zhuǎn)載請保留網(wǎng)址：http://waterplane.cn/news/faq/1649.html
