現在前端開發做網頁還是一點一點寫html css嗎？看著一個網頁那麼多代碼那要寫不少啊？有沒有效率點的工具，可以快速做出想要的網頁比如dw那種能拖的？行業標準一般用什麼方式，工具？

01-05

手寫還是機寫神馬的不重要，最主要看團隊與開發者追求的是什麼了。

如果追求效率無視性能和可維護性，使用工具自動生成代碼也無可厚非，比如一次性開發復用性特別低的推廣頁。

如果追求最佳體驗、代碼質量、性能和可維護性，推薦手寫代碼，可以做到冗餘最少結構最清晰，但也不是所有的代碼都要手寫，很多編輯器都提供模板和代碼提示功能，如zencoding。

完全手寫代碼效率會非常低，比較好的方式是抽取形成統一規範，模塊化和組件化，合理組織和引用以減少重複勞動。

新手入門，推薦先手寫代碼，可以強化熟悉html,js,css語法和屬性，一段時間後就可以藉助機器和工具。

手寫效率太低了很難想像專業的前端開發每一行代碼都手寫對於動態內容這同時也是不可能的

比較常見的方法會使用一些 template engine 或改進的 markup language 如 slim[1], jade[2], haml[3]

CSS 也有想 less[4], sass[5] 這樣的優秀的開源項目

(less 不僅提高開發效率還為css引入了很多實用的功能如變數, mixin, 邏輯判斷等)

使用這些工具可以在保證精確地控制最終輸出的代碼的前提下提高開發效率

dw這樣封裝過度的開發工具使得開發者喪失了對代碼的控制不論是邏輯結構特殊標籤屬性代碼風格都無法左右也很難做版本控制

1. http://slim-lang.com/

2. http://jade-lang.com/

3. http://haml.info/

4. http://lesscss.org/

5. http://sass-lang.com/

據我所知，做前端開發的都是手寫html, css。

相對於機器生成的代碼，只信任自己寫的代碼。

有代碼潔癖的人應該都受不了dw等工具生成的代碼。

而且維護的時候會生不如死。

用dw拖的一般不是前端開發，適合不會coding的人做一個能用的網頁。

當然手寫代碼比較好，我一直在想，網頁有上百個div，寫起來很麻煩，大家有沒有工具，比如寫div 三個字母，按一個快捷鍵，自動生成&&，而且換好行了，我用的是notep++編輯器，謝了

我希望有這樣一個工具，腦子裡想想網頁長什麼樣子，電腦上就自動設計好並自動把代碼寫好。。。。

增強重用性自然就輕鬆一些，一是html的重用性，某些相同的結構可以重用，二是css的重用性，要理解class為什麼叫class。

我見過有人每個div都專門寫css，那必須累死，還見過有人用dw拖，我讓他把一個圖片居中了，他直接用手拖到中間。。。生成的代碼是margin-left： XXpx，頓時無語

初中的時候用frontpage和dreamweaver，現在一般都是手敲，各個平台都有很好的文本編輯器用於敲代碼，代碼高亮這些都會有。好一點的話，找個有自動完成的ide，敲起來方便些，我用的是phpstorm，代碼是很多，不然你以為開發是個很簡單的事情啊？

還是支持手寫，不多說了，趕緊去繪製頁面了

哦 !是嗎

大家都在吐槽dreamweaver，其實現在已經有工具比dreamweaver升級了好多個檔次了。

http://gospely.com 已經完全擺脫了dw的諸多問題，其生成的代碼結構也是專業級的，內部用js寫了個html和css編譯引擎，做到了真正的全可視化開發。

值得一試，這個軟體絕對是未來前端開發的趨勢。

設計和前端都是自己一人干，一直在用一個方法：先用Dreamweaver寫HTML結構，再用火狐瀏覽器自帶的樣式編輯器（F12）寫樣式代碼。

用類似DW拖拽出來的代碼冗長且低效，但凡懂html和css的設計人員，都情願用手敲，畢竟這樣更可靠。可是，連基本的html和css甚至javascript都看不懂的人做的工作真的能稱之為前端開發么？

傳說有一個神奇按鈕，按一下全世界的工程就直接竣工了，接下來就是捲鋪蓋捲兒回家喝喝茶悠閑領工資。

根本不必考慮維護的事兒，神奇按鈕搞定了！

唯一的問題只有一個：找到這個靠譜的神奇按鈕。

bootstrap不錯啊，提供了可視化頁面布局的功能，不過局部細節還是要自己去手工寫

O(∩_∩)O~，剛被人鄙視了，不知道dw是什麼。一直手敲代碼。其實是很早之前學過，以至於連他的名字都不記得了。

現在前端開發 做網頁 還是一點一點寫html css嗎？看著一個網頁那麼多代碼 那要寫不少啊？有沒有效率點的工具，可以快速做出想要的網頁 比如dw那種能拖的？行業標準一般用什麼方式，工具？