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