国内几款比较好用的html5页面制作工具有哪些？ HTML5开发工具有哪些
\u6709\u54ea\u4e9b\u6bd4\u8f83\u597d\u7684HTML5\u5f00\u53d1\u5de5\u5177Sublime Text
Sublime Text\u754c\u9762\u4f18\u7f8e\u3001\u529f\u80fd\u5f3a\u608d\u3001\u6027\u80fd\u4f18\u8d8a\uff0c\u5b83\u5e76\u4e0d\u662fIDE\uff08\u96c6\u6210\u5f00\u53d1\u73af\u5883\uff09\uff0c\u800c\u662f\u4e00\u4e2a\u5355\u7eaf\u7684\u6587\u672c\u7f16\u8f91\u5de5\u5177\uff0c\u4f46\u5176\u4ee3\u7801\u9ad8\u4eae\u663e\u793a\u3001\u8bed\u6cd5\u63d0\u793a\u3001\u81ea\u52a8\u5b8c\u6210\u4e14\u53cd\u5e94\u5feb\u901f\uff0c\u8fd8\u6709\u5404\u79cd\u4e30\u5bcc\u63d2\u4ef6\u7684\u652f\u6301\uff0c\u4f7f\u5f97\u6587\u672c\u7f16\u8f91\u8fc7\u7a0b\u975e\u5e38\u89c4\u8303\u4e14\u5feb\u901f\u9ad8\u6548\u3002\u540c\u65f6\uff0cSublime Text\u652f\u6301Windows\u3001Linux\u3001Mac OS X\u7b49\u64cd\u4f5c\u7cfb\u7edf\u3002
Sublime Text\u66f4\u591a\u529f\u80fd\u4ecb\u7ecd\uff1ahttps://www.h5course.com/plus/search.php?q=sublime
WebStorm
WebStorm\u7684\u725b\u903c\u4e4b\u5904\u5728\u4e8e\u5546\u5bb6\u5728\u4e0d\u65ad\u7684\u66f4\u65b0\u7248\u672c\u3002WebStorm\u5728JavaScript\u5f00\u53d1\u4e2d\uff0c\u88ab\u8a89\u4e3aWeb\u5f00\u53d1\u795e\u5668\u3002
WebStorm\u96c6\u6210\u4e86ZenCoding\u3001HTML5\u3001ftp\u3001\u5373\u65f6\u7f16\u8f91\uff08Chrome\uff09\u3001\u81ea\u52a8\u5b8c\u6210\u3001\u57fa\u4e8eMozilla\u7684JavaScript\u8c03\u8bd5\u5668\u3001JSLint\u3001Less\u652f\u6301\u3001CoffeeScript\u652f\u6301\u3001Node.js\u7b49\u7279\u6027\u3002
Atom
Atom \u662fGitHub\u4e13\u95e8\u4e3a\u7a0b\u5e8f\u5458\u63a8\u51fa\u7684\u4e00\u4e2a\u8de8\u5e73\u53f0\u6587\u672c\u7f16\u8f91\u5668\uff0c\u5177\u6709\u7b80\u6d01\u548c\u76f4\u89c2\u7684\u56fe\u5f62\u7528\u6237\u754c\u9762\uff0c\u5e76\u6709\u5f88\u591a\u6709\u8da3\u7684\u7279\u70b9\uff1a\u652f\u6301HTML\u3001CSS\uff0cJavaScript\u7b49\u7f16\u7a0b\u8bed\u8a00\u3002\u5b83\u8fd8\u652f\u6301\u5b8f\uff0c\u81ea\u52a8\u5b8c\u6210\u5206\u5c4f\u7b49\u529f\u80fd\uff0c\u96c6\u6210\u4e86\u6587\u4ef6\u7ba1\u7406\u5668\u3002
1\u3001Sublime Text
Sublime Text \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u4ee3\u7801\u7f16\u8f91\u5668\uff0c\u540c\u65f6\u652f\u6301Windows\u3001Linux\u3001Mac OS X\u7b49\u64cd\u4f5c\u7cfb\u7edf\uff0c\u4e5f\u662fHTML\u548c\u6563\u6587\u5148\u8fdb\u7684\u6587\u672c\u7f16\u8f91\u5668\u3002
Sublime Text\u5177\u6709\u6f02\u4eae\u7684\u7528\u6237\u754c\u9762\u548c\u5f3a\u5927\u7684\u529f\u80fd\uff0c\u4e3b\u8981\u529f\u80fd\u5305\u62ec:\u62fc\u5199\u68c0\u67e5\uff0c\u4e66\u7b7e\uff0c\u5b8c\u6574\u7684 Python API \uff0cGoto \u529f\u80fd\uff0c\u5373\u65f6\u9879\u76ee\u5207\u6362\uff0c\u591a\u9009\u62e9\uff0c\u591a\u7a97\u53e3\u7b49\u7b49\u3002
2\u3001Dreamweaver
Dreamweaver\u662f\u96c6\u7f51\u9875\u5236\u4f5c\u548c\u7ba1\u7406\u7f51\u7ad9\u4e8e\u4e00\u8eab\u7684\u6240\u89c1\u5373\u6240\u5f97\u7f51\u9875\u7f16\u8f91\u5668\uff0c\u62e5\u6709\u53ef\u89c6\u5316\u7f16\u8f91\u754c\u9762\uff0c\u652f\u6301\u4ee3\u7801\u3001\u62c6\u5206\u3001\u8bbe\u8ba1\u3001\u5b9e\u65f6\u89c6\u56fe\u7b49\u591a\u79cd\u65b9\u5f0f\u6765\u521b\u4f5c\u3001\u7f16\u5199\u548c\u4fee\u6539\u7f51\u9875\uff0c\u521d\u5b66HTML5\u7684\u4eba\u53ef\u4ee5\u65e0\u9700\u7f16\u5199\u4efb\u4f55\u4ee3\u7801\u5c31\u80fd\u5feb\u901f\u521b\u5efaWeb\u9875\u9762\u3002
3\u3001Adobe Edge
Adobe Edge\u662f\u4e00\u6b3e\u65b0\u578b\u7f51\u9875\u4e92\u52a8\u5de5\u5177\uff0c\u5141\u8bb8\u8bbe\u8ba1\u5e08\u901a\u8fc7HTML5\u3001CSS\u548cJava\u5236\u4f5c\u7f51\u9875\u52a8\u753b\u3002Edge\u7684\u4e00\u4e2a\u91cd\u8981\u529f\u80fd\u662fWeb\u5de5\u5177\u5305\u754c\u9762\uff0c\u65b9\u4fbf\u786e\u4fdd\u9875\u9762\u5728\u4e0d\u540c\u6d4f\u89c8\u5668\u4e2d\u7684\u67b6\u6784\u4e00\u81f4\u6027\u3002
4\u3001WebStorm
WebStorm\u662f\u4e00\u6b3eJava \u5f00\u53d1\u5de5\u5177\uff0c\u76ee\u524d\u5df2\u7ecf\u88ab\u5e7f\u5927\u4e2d\u56fdJS\u5f00\u53d1\u8005\u8a89\u4e3a"Web\u524d\u7aef\u5f00\u53d1\u795e\u5668"\u3001"\u6700\u5f3a\u5927\u7684HTML5\u7f16\u8f91\u5668"\u3001"\u6700\u667a\u80fd\u7684Java IDE"\u7b49\u3002
WebStorm\u5177\u6709\u7684\u4f18\u52bf\u662f\uff1a\u667a\u80fd\u7684\u4ee3\u7801\u8865\u5168\u3001\u4ee3\u7801\u683c\u5f0f\u5316\u3001html\u63d0\u793a\u3001\u8054\u60f3\u67e5\u8be2\u3001\u4ee3\u7801\u91cd\u6784\u3001\u4ee3\u7801\u68c0\u67e5\u548c\u5feb\u901f\u4fee\u590d\u3001\u4ee3\u7801\u8c03\u8bd5\u3001\u4ee3\u7801\u7ed3\u6784\u6d4f\u89c8\u3001\u4ee3\u7801\u6298\u53e0\u3001\u5305\u88f9\u6216\u8005\u53bb\u6389\u5916\u56f4\u4ee3\u7801\u3002
5\u3001HBuilder
HBuilder\uff0c\u5373Html Builder\u7684\u7f29\u5199\uff0cBuilder\u662f\u5efa\u9020\u8005\u7684\u610f\u601d\u3002HBuilder\u662f\u4e00\u4e2a\u6781\u5ba2\u5de5\u5177\uff0c\u8ffd\u6c42\u65e0\u9f20\u6807\u7684\u6781\u901f\u64cd\u4f5c\uff0c\u4e0d\u7ba1\u662f\u6572\u4ee3\u7801\u7684\u5feb\u6377\u8bbe\u5b9a\uff0c\u8fd8\u662f\u64cd\u4f5c\u529f\u80fd\u7684\u5feb\u6377\u8bbe\u5b9a\uff0c\u90fd\u878d\u5165\u4e86\u6548\u7387\u7b2c\u4e00\u7684\u8bbe\u8ba1\u601d\u60f3\u3002
HBuilder\u4e0d\u4e3a\u6572\u5b57\u6bcd\u800c\u82b1\u8d39\u65f6\u95f4\uff0c\u4e0d\u4e3a\u5927\u5c0f\u5199\u62fc\u9519\u800c\u8c03\u9519\u534a\u5929\uff0c\u628a\u7cbe\u529b\u82b1\u5728\u601d\u8003\u4e0a\uff0c\u60f3\u6e05\u695a\u540e\u843d\u7b14\u5982\u98de\u3002\u652f\u6491\u8fd9\u4e2a\u7406\u5ff5\uff0c\u9664\u4e86\u4f53\u9a8c\u4e0a\u7684\u7cbe\u7ec6\u8bbe\u8ba1\uff0c\u8fd8\u8981\u6c42\u6211\u4eec\u7a81\u7834\u5f88\u591a\u4e16\u754c\u7ea7\u6280\u672f\u96be\u9898\uff0c\u5305\u62ec\u8bed\u6cd5\u5e93\u3001\u8bed\u6cd5\u7ed3\u6784\u6a21\u578b\u3001AST\u8bed\u6cd5\u5206\u6790\u5f15\u64ce\u3002
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014Sublime Text
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014Dreamweaver
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014Adobe Edge
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014WebStorm
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1\u2014\u2014HBuilder
1、Sublime Text
Sublime Text是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML的文本编辑器。
Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括：拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。
2、Dreamweaver cc
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。
3、Adobe Edge
Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
4、WebStorm
WebStorm是一款Java开发工具，WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
5、HBuilder
HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。
6、visual studio code
一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。
7. 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五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。
8. Sencha Architect
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。
开发工具的选择，可以说是开发者社区中一个经久不衰的话题，现今编辑器的数量数不胜数，vim、sublime Text,Emacs,Atom等等，那么对于一个开发者而言，挑选一个合适的编辑器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦，大家可根据自己的喜好选择哦！
你好，微信上的HTML页面一般是用工具做出来的，很少有开发的H5案列，最常见是翻页H5，自由度比较低，只能修改图片换换文字，而专业工具自由度比较高，可以很灵活的设计H5，epub360在专业工具中上手难度适中，值得大家尝试下。Epub360，有很多丰富的组件可以调用。使用逻辑跟PPT差不多，音乐、动画、视频、交互都可以轻松实现。在线制作，只需要把链接放在公众号里或者分享朋友朋友圈即可。
现在很多微商或者企业招聘或者产品宣传都运用的是H5页面来进行大范围的传播，所以随之而来的H5页面制作工具也越来越多，现在比较常用的软件工具有这么几种：
做课大师多彩炫页工具
推荐度：★★★★✰
优点：可以用作宣传也可以深挖制作出优秀的微课程。专业，易传播，比如微信、手机端等。它包括两种工具：基础版和高级版，分别适合没有设计基础的用户和专业人员。功能更多，它能帮助微课程设计者轻松低成本地制作出高交互、炫动画、跨平台浏览和学习的HTML5微课程。
你可以根据自己的需求来选择合适的工具~希望对你有帮助~
绛旓細姝ｆ墍璋撯滃伐娆插杽鍏朵簨蹇呭厛鍒╁叾鍣ㄢ濓紝涓鍚嶅悎鏍肩殑Web鍓嶇寮鍙戝伐绋嬪笀鑷劧浼氱敤鍒颁笉灏戣兘浣垮叾宸ヤ綔楂樻晥鐨勫伐鍏枫備笅闈紝灏辩粰澶у鍒嗕韩Web鍓嶇瀛︿範闇瑕佷簡瑙ｇ殑鍗佹HTML5寮鍙戝伐鍏枫1銆丩ungo Lungo鏄竴娆惧熀浜嶩TML5鐨勫紑鍙戞鏋讹紝涓撲负鎯宠璁捐銆佹瀯寤哄拰鍏变韩璺ㄨ澶囧簲鐢ㄧ殑寮鍙戣呰屽噯澶囥傛敮鎸佸紑鏀剧殑Web鏍囧噯锛屽HTML5銆丆SS3鍜...
绛旓細娣卞湷涓栧績寤虹珯涓嶉敊
绛旓細涓汉鎺ㄨ崘 浜戝睍缃戯紝鍒朵綔绠鍗曪紝涓婁紶pdf鍦ㄧ嚎杞崲h5/flash缈婚〉鐢靛瓙鏉傚織
绛旓細鎴戜滑鐢ㄧ數鑴戜笂缃戦兘绂讳笉寮娴忚鍣紝pc绔祻瑙堝櫒鍝佺墝闈炲父澶氾紝骞虫椂姣旇緝甯哥敤鐨勬湁璋锋瓕娴忚鍣ㄣ佺伀鐙愭祻瑙堝櫒銆乹q娴忚鍣ㄧ瓑锛屼笉鍚岀殑鐢ㄦ埛浼氫娇鐢ㄤ笉鍚岀殑娴忚鍣紝杩欐牱涓鏉ュ氨鏈変簡娴忚鍣ㄦ帓鍚嶏紝閭ｄ箞涓浗鍗佸ぇ娴忚鍣ㄦ帓鍚嶆槸鍝簺鍛紵鎺ヤ笅鏉ュ皬缂栧氨璺熷ぇ瀹朵粙缁嶄腑鍥界數鑴戞祻瑙堝櫒鎺掕姒滃墠鍗佸悕銆傛祻瑙堝櫒鎺掕姒滃墠鍗佸悕鍗曞涓嬶細绗竴鍚嶏細璋锋瓕...
绛旓細1銆侀噾灞辩綉缁滄帹鍑虹殑涓娆句富鎵撳畨鍏ㄤ笌鏋侀熺壒鎬х殑娴忚鍣ㄣ備富鎵撳畨鍏ㄤ笌鏋侀熺壒鎬э紝閲囩敤Trident鍚堝悓WebKit鍙屾覆鏌撳紩鎿庯紝骞舵暣鍚堥噾灞辫嚜瀹剁殑BIPS杩涜瀹夊叏 闃叉姢銆傜寧璞规祻瑙堝櫒瀵笴hrome鐨刉ebKit鍐呮牳杩涜浜嗚秴杩100椤圭殑鎶鏈紭鍖栵紝璁块棶缃戦〉閫熷害鏇蹇傚叾鍏锋湁棣栧垱鐨勬櫤鑳藉垏鎹㈠紩鎿庯紝鍔ㄦ侀夋嫨鍐呮牳鍖归厤涓嶅悓缃 椤碉紝骞朵笖鏀寔HTML5鏂板浗闄呯綉椤...
绛旓細鏈夊摢浜涗笉鐢ㄧ紪鍐欎唬鐮佸氨鑳借交鏉惧埗浣滅敓鎴怘TML5椤甸潰鐨勫伐鍏 鍋氫竴浜汬5鐗规晥鐨勫姩鎬侀〉闈,浠ュ墠闇瑕佷笓涓氭妧鏈洟闃熷拰璁捐甯堟墠鑳藉埗浣溿傜幇鍦ㄩ氳繃杩欎簺绠鍗曠殑骞冲彴,浣犲嚑鍒嗛挓灏辫兘鍏嶈垂鍒涗綔鑷繁鐨凥5椤甸潰銆傜敋鑷虫湁鐨勪綘闇瑕佸仛鐨勫彧鏄粎浠呮崲涓婂嚑寮犲浘,鏁插嚑涓瓧,閫夎嚜宸卞枩娆㈢殑闊充箰\瑙嗛涓涓笉閿欑殑H5椤甸潰灏卞嚭鏉ヤ簡銆備笅闈粙缁鍑犳HTML5宸ュ叿(鎺掑悕涓嶅垎...
绛旓細4. QQ娴忚鍣細QQ娴忚鍣紙鍘熷悕TT娴忚鍣級閲囩敤鍏ㄦ柊鐨勭晫闈㈣璁″拰瑙嗚鏁堟灉锛屼负鐢ㄦ埛甯︽潵鐒曠劧涓鏂扮殑浣撻獙銆傚畠缁撳悎浜咰hromium鍐呮牳鍜孖E鍙屾牳锛岀‘淇濆揩閫熺ǔ瀹氱殑娴忚锛屽苟鏀寔HTML5绛夌綉缁滄爣鍑嗐5. 360娴忚鍣細360娴忚鍣ㄦ槸360鍏徃鎺ㄥ嚭鐨勪竴娆惧厤璐圭綉椤垫祻瑙堝櫒锛屽姛鑳藉己澶с傜敤鎴峰彲浠ュ湪涓婚〉涓婃祻瑙堟祦琛屼俊鎭紝闃呰姝ｇ増灏忚绛夛紝娴忚...
绛旓細鈶ebStorm,WebStorm鏄痡etbrains鍏徃鏃椾笅涓娆綣avaScript寮鍙戝伐鍏枫傜洰鍓嶅凡缁忚骞垮ぇ涓浗JS寮鍙戣呰獕涓衡淲eb鍓嶇寮鍙戠鍣ㄢ濄佲滄渶寮哄ぇ鐨凥TML5缂栬緫鍣ㄢ濄傚畠鍏锋湁鏅鸿兘鐨勪唬鐮佽ˉ鍏ㄥ姛鑳斤紝浠ｇ爜鏍煎紡鍖栧姛鑳斤紝html鎻愮ず鍔熻兘锛屼唬鐮佹鏌ュ拰蹇熶慨澶嶅姛鑳斤紝浠ｇ爜璋冭瘯鍔熻兘锛屽寘瑁瑰鍥翠唬鐮佸姛鑳斤紝WebStorm搴旇鏄洰鍓鏈濂界敤鐨缃戦〉寮鍙戣蒋浠讹紝鈶...
绛旓細鎺ㄨ崘杩欐鎼滅嫍楂橀熸祻瑙堝櫒鏄竴娆鹃泦楂樻晥銆佺ǔ瀹氫簬涓韬殑鐜颁唬鍖栫綉缁滄祻瑙堝伐鍏枫傚埄鐢ㄥ厛杩涚殑娓叉煋寮曟搸鍜屼紭鍖栫畻娉曪紝鎼滅嫍楂橀熸祻瑙堝櫒纭繚浜嗗崜瓒婄殑椤甸潰鍔犺浇閫熷害鍜屾祦鐣呯殑澶氬獟浣撲綋楠屻傚叿澶囧叏鏂逛綅鐨勫畨鍏ㄩ槻鎶ょ壒鎬э紝鑳芥湁鏁堥槻寰″悇绫荤綉缁滃▉鑳侊紝鍚屾椂鏀寔HTML5鍜孋SS3锛岀‘淇濅簡涓庢渶鏂扮綉缁滄妧鏈爣鍑嗙殑瀹岀編鍏煎銆傛浜嗚В鏇村鎴栫珛鍗充笅杞斤紝璇...
绛旓細鎺ㄨ崘杩欐鎼滅嫍楂橀熸祻瑙堝櫒鏄竴娆鹃泦楂樻晥銆佺ǔ瀹氫簬涓韬殑鐜颁唬鍖栫綉缁滄祻瑙堝伐鍏枫傚埄鐢ㄥ厛杩涚殑娓叉煋寮曟搸鍜屼紭鍖栫畻娉曪紝鎼滅嫍楂橀熸祻瑙堝櫒纭繚浜嗗崜瓒婄殑椤甸潰鍔犺浇閫熷害鍜屾祦鐣呯殑澶氬獟浣撲綋楠屻傚叿澶囧叏鏂逛綅鐨勫畨鍏ㄩ槻鎶ょ壒鎬э紝鑳芥湁鏁堥槻寰″悇绫荤綉缁滃▉鑳侊紝鍚屾椂鏀寔HTML5鍜孋SS3锛岀‘淇濅簡涓庢渶鏂扮綉缁滄妧鏈爣鍑嗙殑瀹岀編鍏煎銆傛浜嗚В鏇村鎴栫珛鍗充笅杞斤紝璇...
