對於學習HTML、CSS的初學者，用什麼軟體比較好？

作為一名前端開發者，下面我從開發類軟體和學習類軟體分別講一下用什麼軟體；

作為初學者，一定要熟練掌握html的各個標籤和CSS的各個屬性，儘量不要使用編輯器軟體，因為這些編輯器一般都有語法提示功能，容易使初學者產生依賴性，造成的結果就是離開了編輯器軟體，沒有了提示就不會寫程式碼了，所以我的建議是初學者在學習的時候，請使用記事本或Notepad++；

等完全熟練掌握了html標籤和css屬性後，可以使用一些編輯器，如：Sublime Text、VS code、Dreamweaver等，這樣的話，可以在專案開發中提高開發效率；

1、W3school

W3school上面有一整套關於html/css的課程，非常詳細，可以當教科書使用；建議初學者，把上面的每個小例子都練習一遍；

2、慕課網

慕課網裡面有大量html/css的課程影片；從入門到高深、由淺到深的講解，它有著一套web前端進階流程，非常值得學習。

為大家分享6款實用又好用的主流HTML5開發工具，具體是什麼呢？大家往下看吧！

1、Adobe Dreamweaver CS6

Dreamweaver CS6是世界頂級軟體廠商Adobe推出的一套擁有視覺化編輯介面，用於製作並編輯網站和移動應用程式的網頁設計軟體。

由於Dreamweaver支援程式碼、拆分、設計、實時檢視等多種方式來創作、編寫和修改網頁，對於初學者，你可以無需編寫任何程式碼就能快速建立Web頁面。

此外，使用者不但能在Live View中預覽，還可以提供多螢幕預覽功能。開發者可以透過MultiScreen預覽面板檢視HTML5內容的渲染效果。Live View透過WebKit渲染引擎支援HTML5。

2、Adobe Edge

Adobe Edge是一個用HTML5、CSS、Java開發動態互動內容的設計工具。

它的一個重要功能是web工具包介面，用於方便確保在不同瀏覽器中架構的一致性，此外Adobe Edge還將整合TypeKit這樣的字型服務。透過Edge設計的內容可以相容iOS和Android裝置，也可以執行在火狐、Chrome、Safari和IE9等主流瀏覽器上。

3、 DevExtreme

DevExtreme Complete Subion是效能最優的HTML5，CSS和Java移動開發框架，可以直接在Visual Studio整合開發環境，構建iOS，Android，Tizen和Windows Phone 8應用程式。

DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI元件，並且提供原始碼。

目前，DevExtreme支援VS2010/2012/2013整合開發環境，相容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是VisualStudio開發人員開發跨平臺移動產品的首選工具。

4、JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款Java開發工具。

被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaS IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

5、Sencha Architect

在開發移動和桌面應用的工具中，Sencha的定位是HTML5視覺化應用開發。

開發團隊可以在一個單一整合的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用，並實時預覽。

6、Dojo Foundation Maqetta

來自於IBM的一個專案，Dojo Foundation Maqetta是為桌面和移動裝置開發HTML5應用的開源工具，支援在瀏覽器中檢視HTML5介面。使用者體驗設計師可以透過拖放組裝UI樣板。

總體上來說，HTML5前端要掌握的技能、知識點很多，而且還很零散。要成長為一個優秀的前端開發人員，前提先要快速掌握主流技術。

首先呢 自我介紹一下 我是一名前端開發者

我看你問題是你剛開始學html5+css，我建議剛開始你先用Notepad++

或者用HUBLIDER

hublider這款編輯器 程式碼提示非常不錯，快捷鍵也比較多，

但我建議你先用Notepad++ 你得長手寫程式碼，把這些單詞什麼的都差不多記下來，等你用半年一年的時候你再去考慮換編輯器，會對你寫程式碼很有幫助，等你完全熟悉的時候，你就可以用你自己想要的編輯器，或者你把程式碼提示關掉，先用你喜歡的編輯器，我每天都會分享一些前端的乾貨，如果可以 希望您能關注一下我。

雖然前端們普遍看不上dreamweaver，但html5 css3頁面方面dw優勢明顯。現在用vue寫元件模板我還是用dw。js用vs code

軟體太多了,關鍵要找到你適合自己的工具

編寫html+css厲害文字都可以寫,新手不推薦用太智慧的工具,多練習,才能記得住

最好是結合影片一起練習,在模仿一些專案做,如果需要一些影片可以私信我發給你

1. 寫程式碼的軟體：推薦VSCode，在公司大部分的工程師都是用的這個編輯器來寫程式碼，得到了工程師們的一致認可。其外掛系統非常強大,幾乎能滿足各種需求，安裝也非常簡單。

這裡是 vscode的官網連結 https://code.visualstudio.com/，下載和安裝都非常方便

2. 檢視(預覽)網頁效果的軟體：Chrome瀏覽器和Firefox瀏覽器都是非常推薦的,在公司，大部分同事使用的都是chrome瀏覽器

這裡是 Chrome瀏覽器的官方下載連結：

https://www.google.com/intl/zh-CN/chrome/

———

來自一位前端工程師的建議

html5用什麼開發工具？

就本人開發經驗，推薦五款開發軟體，其中主推adobe公司的Adobe Dreamweaver,打基礎的利器。

1.Adobe Dreamweaver

DW是集網頁製作和管理網站於一身的所見即所得網頁程式碼編輯器。利用對 HTML、CSS、JavaScript等內容的支援，設計師和程式設計師可以在幾乎任何地方快速製作和進行網站建設。

具有強大的程式碼提示器，視覺化實時預覽效果，支援跨平臺和跨瀏覽器的相容網頁，多螢幕預覽面板為智慧手機、Tablet和個人計算機進行設計等多重重功能特點，這是本人首推的編輯器，網站開發學習時，網頁三劍客是經典的組合工具，而其中adobe dreamweaver是html網頁開發的基礎。

2.Adobe Edge

Adobe Edge是Adobe公司的一款新型網頁互動工具。允許設計師透過HTML5、CSS和JavaScript製作網頁動畫。無需Flash，支援Android、iOS、webOS。

3. DevExtreme

DevExtreme Complete Subion是效能最優的 HTML5,CSS 和 Java 移動、Web開發框架，可以直接在Visual Studio整合開發環境，構建iOS，Android，Tizen和Windows Phone 8應用程式。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI元件，並且提供原始碼。目前，DevExtreme支援VS2010/2012/2013整合開發環境，相容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發人員開發跨平臺移動產品的首選工具。

4. JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款Java 開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的Java IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

5. Sencha Architect

Sencha Architect 2是個視覺化的應用構建器，它使用Sencha Touch 2來構建移動應用，使用ExtJS 4來構建桌面應用。Sencha Architect 2構建在該公司的HTML5佈局工具Ext Designer之上，並擴充套件了其功能以為桌面與移動Web應用的構建提供更為廣泛的應用設計環境。透過聯合使用Sencha Touch 2與ExtJS 4，Sencha Architect 2旨在提升開發者的生產率並驅動應用設計模式上的最佳實踐。

瀏覽器：

瀏覽器推薦用Chrome,因為Chrome瀏覽器具有相容性好、簡潔、快速等優點，無論是在啟動速度還是頁面解析速度還是Javascript執行速度上都優於大多數瀏覽器。

編輯器推薦用Sublime或者Vscode，因為初學時總是需要在練習時快速看到做出的效果，而這兩款編輯器非常輕量，並且集成了大量提高程式設計效率的外掛，有著不輸IDE的體驗。你可以一邊寫網頁的同時，一邊切到瀏覽器上馬上看到效果。

1、如果是使用sublime編輯器的話可以考慮安裝Emmet、JSFormat、Ctags等外掛提高工作效率。

Emmet可以為開發者提供一種非常簡練的語法規則，然後立刻生成對應的 HTML 結構或者 CSS 程式碼；

JSFormat用來對 JS程式碼進行格式化；

2、如果是使用Vscode編輯器的話可以考慮安裝Debugger for Chrome、HTML CSS Support、Auto Close Tag等外掛。

透過Debugger for Chrome可以直接在 VSCode 中加上斷點進行debug，當代碼執行到你在 VSCode 中新增的斷點後，你可以直接在 VSCode 中進行單步除錯；

在編寫css程式碼時，HTML CSS Support可智慧提示當前專案所支援的所有樣式；

Auto Close Tag適用於 JSX、Vue、HTML等語法，在編寫標籤並且鍵入 </ 的時候，可以自動補全需要閉合的標籤。

如果不想用Sublime或者Vscode這些輕量編輯器的話可以考慮整合環境編輯器（IDE），例如Web Strom和Hbuilder，這些編輯器支援絕大多數的前端語言自動填充，可以很方便地進行程式的執行和除錯。

初學前端HTML5 + CSS程式設計的話，建議還是以熟悉標籤和屬性為準，不需要什麼自動補全、語法檢查和提示的功能，一個簡單的記事本就行，後期熟悉後，可以使用專業程式設計軟體，下面我簡單介紹幾個非常不錯的前端程式設計軟體，感興趣的朋友可以嘗試一下：

這是一個免費、開源、跨平臺的程式碼編輯器，輕便靈活、執行速度快、佔用記憶體少，在前端網頁程式設計中經常會用到，自動補全、語法提示、程式碼高亮等功能非常不錯，外掛擴充套件豐富，生態環境良好，對於前端程式設計來說，是一個非常不錯的選擇：

這也是一個輕便靈活的程式碼編輯器，可以跨平臺使用，文字編輯功能強大，在前端網頁程式設計中也廣泛應用，支援眾多程式語言，程式碼高亮、語法提示、智慧補全等功能非常不錯，外掛擴充套件良好，對於前端網頁程式設計來說，也是一個非常不錯的選擇：

這是一個免費、中國產的web程式設計軟體，專門用於前端網頁程式設計，介面柔綠、整潔大方，自動補全、語法高亮等功能非常不錯，除此之外，還自帶雲打包功能，可以輕鬆將前端網頁打包為安卓或蘋果應用，對於前端網頁程式設計來說，也是一個不錯的選擇：

這是一個專業、重量級的web開發軟體，Jetbrains公司的產品，可以跨平臺使用，相比較前面輕量級的程式碼編輯器來說，web storm支援單元測試、程式碼重構、程式碼分析等高階功能，因此除錯開發效率更高，在大型專案開發中經常會用到：

這是GitHub專門為廣大程式設計師開發的一個程式碼編輯器，免費、開源、跨平臺，介面簡潔、直觀大方，支援語法檢查、自動補全、程式碼高亮等常見功能，外掛擴充套件也非常豐富，對於前端HTML、CSS程式設計來說，也是一個不錯選擇，唯一的缺點就是啟動速度比較慢，偶爾會出現記憶體佔用率過高的問題：

這是一個廣泛使用的輕量級程式碼編輯器，主要應用在windows環境下，免費開源，記事本的增強型，支援多達幾十種程式語言，自動補全、語法檢查、程式碼高亮等功能都不錯，對於前端程式設計來說，也是一個不錯的選擇：

目前，就分享這幾個不錯的前端網頁程式設計軟體吧，初學HTML5 +CSS的話，建議還是以掌握基本功為準，多寫多練習，軟體沒有什麼強制標準，後期熟悉後，選擇一個適合自己的即可，網上也有相關教程和資料，介紹的非常詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言進行補充。

建議你用WebStorm，它是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaScript IDE”。它不僅頁面排版大氣簡潔而且會進行智慧的程式碼補全，支援不同瀏覽器的提示大大減少了新手開發的難度。