剛開始學HTML5 + CSS,用什麼軟件好?

謝雄枝


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

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

或者用HUBLIDER

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

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


哎吆喂網絡前端


為大家分享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開發,來千鋒武漢HTML5培訓機構,高品質的教學質量為你實現理想人生保駕護航!


千鋒武漢


對於學習HTML、CSS的初學者,用什麼軟件比較好?

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

開發類軟件

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

等完全熟練掌握了html標籤和css屬性後,可以使用一些編輯器,如:Sublime TextVS codeDreamweaver等,這樣的話,可以在項目開發中提高開發效率;

學習類軟件

1、W3school

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

2、慕課網

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


寒288


對前端不瞭解導致學習途中進入許多誤區,那麼前端開發到底是什麼,它的H5、網頁製作是什麼關係?要了解前端開發,你必 須弄清下面這幾個基本點。
什麼是web、前端?
Web為你在瀏覽器、APP、應用程序等設備上提供直觀界面,這些界面展現以及用戶交互就是前端。
什麼是H5開發?
H5開發就是前端開發,H5前端開發中的一個重要技術,所以人們通常用H5開發代表前端開發。


前端開發做什麼?
Web前端開發不僅是PC端的網頁開發,還包括移動端的網頁、移動APP、遊戲、軟件開發等。
什麼是網頁製作?
網頁製作是早期的簡單的較低級的前端開發,Web前端開發是從網頁製作演變而來的。

Internet Explorer來測試自己的站點,以便確保示例的兼容性。

書和學習的資料你可以自己到網上查我在這裡就不多說了,要不就成了在廣告的了。


喝杯茶吧


對於網頁前端的開發,用DW即dreamweaver的比較多。我初學html和css的時候,在w3cschool(W3School是因特網上最大的WEB開發者資源,是完全免費的,是非營利性的,一直在升級和更新,是W3C中國社區成員,致力於推廣W3C標準技術。)上進行基礎知識的學習和練習,非常的簡單好用。這也大大增強了我學習的興趣。

後來使用更多的是DreamWeaver這款軟件。DW是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。利用它可以輕而易舉地製作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。


微有品


當然是DW了,簡單易學,效果一眼攬盡,很適合剛開始接觸的人學習。但是建議你同時學習一下底層語言,有一定的語言知識儲備學起來會很輕鬆,對後期的深入學習有很大幫助。個人拙見



科技迷弟


sublimetext 3吧,輕量級編輯器不佔內存,擴展性強,而且有很多插件增強其功能,你可以根據自己的需要來找到合適的插件。更重要的是軟件是免費的,再加上其漂亮的主題界面,相信你會喜歡的。


會呼吸的蟲


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


精神病自言自語說


SOHO圖形軟件不用摳圖,他的“圖層合併”中選項,就可以直接摳出需要的內容,什麼頭髮,煙,火什麼,直接就提出來了。SOHO圖形軟件可以把文字變為矢量的,隨你縮放,無損想要多大都行。就連色彩管理也比肩PS。而且可以直接打開數碼相機原數據格式,為什麼不用SOHO圖形軟件?這軟件色彩和明暗方面的調整,變形,文字,圖層合併都比PS強一大截。經典工具都有,網上能搜到的濾鏡也都有,甚至有延伸了不少。SOHO圖形軟件,簡直就是PS各版本優點大集合,而且更方便。來一發試試唄?而且這還是正版軟件,全免費,可商用,圖片無暗記。比PS好多啦


比克大魔王50


我挺喜歡sublime 的 輕量,打開不超過1s 不過需要自己安裝一些插件


分享到:


相關文章: