㈠ HTML5開發工具有哪些
1、Sublime Text
Sublime Text 是一個跨平台的代碼編輯器,同時支持Windows、Linux、Mac OS X等操作系統,也是HTML和散文先進的文本編輯器。
Sublime Text具有漂亮的用戶界面和強大的功能,主要功能包括:拼寫檢查,書簽,完整的 Python API ,Goto 功能,即時項目切換,多選擇,多窗口等等。
2、Dreamweaver
Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器,擁有可視化編輯界面,支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁,初學HTML5的人可以無需編寫任何代碼就能快速創建Web頁面。
3、Adobe Edge
Adobe Edge是一款新型網頁互動工具,允許設計師通過HTML5、CSS和Java製作網頁動畫。Edge的一個重要功能是Web工具包界面,方便確保頁面在不同瀏覽器中的架構一致性。
4、WebStorm
WebStorm是一款Java 開發工具,目前已經被廣大中國JS開發者譽為"Web前端開發神器"、"最強大的HTML5編輯器"、"最智能的Java IDE"等。
WebStorm具有的優勢是:智能的代碼補全、代碼格式化、html提示、聯想查詢、代碼重構、代碼檢查和快速修復、代碼調試、代碼結構瀏覽、代碼折疊、包裹或者去掉外圍代碼。
5、HBuilder
HBuilder,即Html Builder的縮寫,Builder是建造者的意思。HBuilder是一個極客工具,追求無滑鼠的極速操作,不管是敲代碼的快捷設定,還是操作功能的快捷設定,都融入了效率第一的設計思想。
HBuilder不為敲字母而花費時間,不為大小寫拼錯而調錯半天,把精力花在思考上,想清楚後落筆如飛。支撐這個理念,除了體驗上的精細設計,還要求我們突破很多世界級技術難題,包括語法庫、語法結構模型、AST語法分析引擎。
參考資料來源:網路——Sublime Text
參考資料來源:網路——Dreamweaver
參考資料來源:網路——Adobe Edge
參考資料來源:網路——WebStorm
參考資料來源:網路——HBuilder
㈡ html網頁開發常用軟體有哪些
1、Initializr
Initializr是製作HTML5網站最好的入門輔助開發工具,你可以使用提供的特色模板快速生成網站,也可以自定義,Initializr會為你生成代碼簡潔的可定製的網頁模板。
2、HTML5 visual cheat sheet
HTML5 visual cheat sheet是一個非常酷的速查手冊,每個Web開發人員的必備神器,可以幫助大家快速超找一個標簽或者屬性。
3、Cross browser HTML5 forms HTML5中的日歷,取色板,滑塊部件等都是非常棒工具,但是有些瀏覽器不支持。Cross browser HTML5 forms還可以幫助你構建完美的HTML5表單兼容方案。
4、HTML5demos
HTML5demos會告訴你每一個HTML5特性在哪些瀏覽器中支持,比如說你的瀏覽器是否支持HTML5 Canvas?Safari是否可以運行簡單的HTML5聊天客戶端等問題。
5、DreamWeaver
網頁製作軟體,該軟體已成為專業級網頁製作程序,支持HTML,CSS,PHP,JSP和ASP等多種腳本語言著色顯示,同時提供模板應用功能,支持一鍵式生成網頁框架功能。它是初學者或專業級網站開發人員必備的選擇工具。
㈢ 誰告訴我 網站源碼 用什麼軟體容易編輯 本人0基礎
總結起來就是三劍客dreamweaver網頁製作排版+photoshop製作模板切片和美化圖片+flash製作網頁多元化的flash。不過現在市場上還有比較多的網站源碼編輯軟體或工具,主要有以下,可供參考:
1.SublimeText
Sublime Text2是一款跨平台的編輯器,再也不用為換平台而找不到合適的、熟悉的編輯器擔憂了。
Sublime Text2 是一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟體,不僅具有華麗的界面,還支持插件擴展機制,用她來寫代碼,絕對是一種享受。
Sublime Text 2的特色功能:
良好的擴展功能,官方稱之為安裝包(Package)。
右邊沒有滾動條,取而代之的是代碼縮略圖,這個功能非常贊
強大的快捷命令「可以實時搜索到相應的命令、選項、snippet 和 syntex, 按下回車就可以直接執行,減少了查找的麻煩。」
即時的文件切換。
隨心所欲的跳轉到任意文件的任意位置。
多重選擇(Multi-Selection)功能允許在頁面中同時存在多個游標。
支持 VIM 模式
支持宏,簡單地說就是把操作錄制下來或者自己編寫命令,然後播放剛才錄制的操作或者命令。
更新非常勤快
2.TopStyle5
TopStyle是一款 CSS 開發輔助工具,即 HTML5 / CSS3 編輯器,它專注於 HTML CSS 設計輔助,提供比較多的功能,如 CSS 代碼檢查等,據稱 TopStyle 的幫助文件非常好,有詳細的 CSS 指令,適於初次接觸 CSS 的學習之用。
不過如果你想對 CSS 了如指掌,對 CSS 網頁布局非常熟練,還是扔掉一切輔助軟體,用記事本開發,而熟練 CSS 之後,再使用此類輔助軟體,可以提高工作效率和開發速度。
TopStyle 5 在 CSS3 / HTML5 方面的增強:
CSS3 for Inspector, Insight and Style Checker
Prefixr
CSS3 Media Queries
CSS Gradient Generator
Text Shadow Generator
Improved options for Preview Files (CSS-only)
HTML5 for Inspector and Insight
HTML5-only Validator
HTML Structure Panel
Wrap HTML Tag
Image Map Editor (HTML-only)
3.Chocolat
Chocolat是Mac系統上最新出現的一款強大的文本編輯器,兼具原生的Cocoa及強大的文本編輯功能。
Chocolat支持多種編程語言的關鍵字高亮顯示、窗口分割、標簽頁、色彩主題等功能,界面和MacVim非常相似。
4.Aptana
Aptana 是一個非常強大,開源,專注於JavaScript的Ajax開發IDE。
它的特性包括:
JavaScript,JavaScript函數,HTML,CSS語言的Code Assist功能。
Outliner(大綱):顯示JavaScript,HTML和CSS的代碼結構。
支持JavaScript,HTML,CSS代碼提示,包括JavaScript 自定函數
代碼語法錯誤提示。
支持Aptana UI自定義和擴展。
支持跨平台。
支持FTP/SFTP
調試JavaScript
支持流行AJAX框架的Code Assist功能:AFLAX,Dojo,JQuery,MochiKit,Prototype,Rico,script.aculo.us,Yahoo UI,Ext。
Adobe AIR與iPhone開發工具
5.KomodoIDE
Komodo 是一個跨平台支持多種程序語言的Integrated Development Environment (IDE)軟體,目前他支持了在Windows與Linux上 ,Pythone, Ruby, Rails, Perl, HTML, CSS, and JavaScript,等的程序語言開發,以及多種程序語言語法著色。
6.Eclipse
Eclipse是著名的跨平台的自由集成開發環境(IDE)。最初主要用來Java語言開發,但是目前亦有人通過插件使其作為其他計算機語言比如C++和Python的開發工具。
Eclipse的本身只是一個框架平台,但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟體很難具有的靈活性。許多軟體開發商以Eclipse為框架開發自己的IDE。
Eclipse的基礎是富客戶機平台(Rich Client Platform, 即RCP)。RCP包括下列組件:
核心平台(啟動Eclipse,運行插件)
OSGi(標准集束框架)
SWT(可移植構件工具包)
JFace(文件緩沖,文本處理,文本編輯器)
Eclipse工作台(即Workbench ,包含視圖(views)、編輯器(editors)、視角(perspectives)、和向導(wizards))
Eclipse採用的技術是IBM公司開發的(SWT),這是一種基於Java的窗口組件,類似Java本身提供的AWT和Swing窗口組件;不過IBM聲稱SWT比其他Java窗口組件更有效率。Eclipse的用戶界面還使用了GUI中間層JFace,從而簡化了基於SWT的應用程序的構建。
Eclipse的插件機制是輕型軟體組件化架構。在富客戶機平台上,Eclipse使用插件來提供所有的附加功能,例如支持Java以外的其他語 言。 已有的分離的插件已經能夠支持C/C++(CDT)、Perl、Ruby,Python、telnet和資料庫開發。插件架構能夠支持將任意的擴展加入到 現有環境中,例如配置管理,而決不僅僅限於支持各種編程語言。
Eclipse的設計思想是:一切皆插件。Eclipse核心很小,其它所有功能都以插件的形式附加於Eclipse核心之上。Eclipse基本內核包括:圖形API (SWT/Jface), Java開發環境插件(JDT ),插件開發環境(PDE)等。
Eclipse由各種不同的計劃組成。以下列出了部分計劃。
Eclipse計劃:本身包括Eclipse平台,Eclipse富客戶端平台(RCP)和Java開發工具(JDT)。
Eclipse測試和性能工具平台(TPTP):提供一個允許軟體開發者構建諸如測試調試、概況分析、基準評測等測試和性能工具的平台。
Eclipse Web工具平台計劃(WTP):用Java企業版Web應用程序開發工具來擴展Eclipse平台。它由以下部分組成:HTML、JavaScript、CSS、JSP、SQL、XML、DTD、XSD和 WSDL的 源代碼編輯器;XSD和WSDL的圖形界面編輯器;Java企業版的「項目性質」(project nature)、建構器(builder)和模型(model),與一個Java企業版的導航(navigator);一個Web服務(Web service)向導和瀏覽器,還有一個WS-I測試工具;最後是資料庫訪問查詢的工具與模型。
Eclipse商業智能和報表工具計劃(BIRT):提供Web應用程序(特別是基於Java企業版的)的報表開發工具。
Eclipse可視化界面編輯器計劃(VEP):一個Eclipse下創建圖形用戶界面代碼生成器的框架。
Eclipse建模框架(EMF):依據使用XMI描述的建模規格,生成結構化數據模型的工具和其他應用程序的代碼。
圖形化編輯器框架(GEF):能讓開發者採用一個現成的應用程序模型來輕松地創建富圖形化編輯器。
UML2:Eclipse平台下的一個UML 2.0元模型的實現,用以支持建模工具的開發。
AspectJ:一種針對Java的面向側面語言擴展。
Eclipse通訊框架(ECF):專注於在Eclipse平台上創建通訊應用程序的工作。
Eclipse數據工具平台計劃(DTP)
Eclipse設備驅動軟體開發計劃(DSDP)
C/C++開發工具計劃(CDT):努力為Eclipse平台提供一個全功能C和C++的集成開發環境(IDE),它使用GCC作為編譯器。
Eclipse平台COBOL集成開發環境子計劃(COBOL):將構建一個Eclipse平台上的全功能COBOL集成開發環境。
並行工具平台(PTP):將開發一個對並行計算機架構下的一組工具進行集成的平行工具平台,而且這個平台是可移植的,可伸縮的並基於標準的。
嵌入式富客戶端平台(eRCP):計劃將Eclipse富客戶端平台擴展到嵌入式設備上。這個平台主要是一個富客戶端平台(RCP)組件子集的集合。它能讓桌面環境下的應用程序模型能夠大致同樣地能運用在嵌入式設備上。