現(xiàn)在網(wǎng)站網(wǎng)頁設計用什么軟件，什么技術？責任編輯 :李飛    文章來源 :星翼創(chuàng)想(16qt59sf.cn)    發(fā)布時間 :2016-04-09    閱讀次數(shù):4299

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




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


關于原型設計工具的問題，stackoverflow有一個詳細的討論：
參考：http://stackoverflow.com/questions/720191/web-ui-prototyping-tools


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


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


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


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


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


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


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

文章轉(zhuǎn)載請保留網(wǎng)址：http://16qt59sf.cn/news/faq/1649.html