HTML5頁(yè)面制作工具，大體分為兩類：基于HTML5的網(wǎng)站工具和手機(jī)APP工具（當(dāng)然還有一些其他的，例如基于微信公眾號(hào)的等，下面也會(huì)介紹）。
我們擁有10余年網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)經(jīng)驗(yàn)，從網(wǎng)站策劃到網(wǎng)站制作，我們的網(wǎng)頁(yè)設(shè)計(jì)師為您提供的解決方案。為企業(yè)提供成都網(wǎng)站建設(shè)、網(wǎng)站制作、微信開發(fā)、小程序制作、移動(dòng)網(wǎng)站建設(shè)、H5場(chǎng)景定制、等業(yè)務(wù)。無(wú)論您有什么樣的網(wǎng)站設(shè)計(jì)或者設(shè)計(jì)方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計(jì)服務(wù)并滿足您的需求。
先總的說(shuō)一下個(gè)人感受
1.基于HTML5的工具網(wǎng)站：功能較強(qiáng)大，單頁(yè)面的操作性較強(qiáng)，可完成各種頁(yè)面交互效果；但是某些時(shí)候會(huì)有操作“失靈”的現(xiàn)象，如上傳圖片失敗，點(diǎn)擊保存失敗，生成失敗等。原因你懂得~
2.手機(jī)工具APP：相比起工具網(wǎng)站來(lái)講，顯得比較順手，有大量模板套用，制作簡(jiǎn)單快捷；但是拘泥于現(xiàn)有的模板，使得單頁(yè)面不會(huì)有較大的可操作空間，從而無(wú)法實(shí)現(xiàn)DIY交互效果。
下面展開說(shuō)下每個(gè)使用過(guò)的工具吧
基于HTML5的工具網(wǎng)站：
【兔展】
優(yōu)點(diǎn)：頁(yè)面DIY程度較高，動(dòng)效實(shí)現(xiàn)起來(lái)也簡(jiǎn)易方便，可制作比較任性的H5頁(yè)面。
缺點(diǎn)：屏幕界面大小不可調(diào)節(jié)，上傳的圖會(huì)比例失調(diào)；生成后到各尺寸屏上頁(yè)面會(huì)存在拉伸現(xiàn)象。
（此圖意在說(shuō)明上傳的圖片的尺寸都是網(wǎng)站自己默認(rèn)的一個(gè)尺寸，不是圖片本身的尺寸，不利于使用者調(diào)整）
【MAKA.im】 可以具體編輯，單頁(yè)操作性較高，有新手（有模板）和高階（無(wú)模板）兩種編輯模式；翻頁(yè)效果比兔展多，模板也更強(qiáng)大一些。
【居高互動(dòng)刊】
優(yōu)點(diǎn)：最簡(jiǎn)單易上手的工具之一，根據(jù)提示一步一步的添加，共4步，最后生成微雜志。相比其他在線工具，較穩(wěn)定。
缺點(diǎn)：目前沒(méi)試通制作單頁(yè)上的交互效果，沒(méi)找到開啟pro功能的入口。
【ANIMATRON】
優(yōu)點(diǎn)：像flash的在線版，功能強(qiáng)大，可以創(chuàng)建HTML5動(dòng)畫。適合有動(dòng)畫基礎(chǔ)的人做演示制作。
缺點(diǎn)：需要?jiǎng)赢嬛谱骰A(chǔ)；工作界面響應(yīng)時(shí)間長(zhǎng)；貌似只能分享到twitter、Facebook、google+、tumblr？
【iSpring 7】
噱頭是PPT轉(zhuǎn)HTML5工具，完美與PPT兼容，可制作Html5移動(dòng)課件。
不過(guò)，目前我只能連著VPN再用Safari才能打開網(wǎng)站鏈接。
【秀制作】
優(yōu)點(diǎn)：版式輕松，制作快捷，寬帶穩(wěn)定。
缺點(diǎn)：對(duì)圖片和文字在各種屏幕上的顯示沒(méi)有做很好的適配；不能對(duì)模板中文字的編輯調(diào)整位置。
手機(jī)工具APP：
【初頁(yè)】
優(yōu)點(diǎn)：模板質(zhì)量高，套用模板編輯時(shí)效率高，操作簡(jiǎn)單快捷，效果和體驗(yàn)在制作H5頁(yè)面的APP工具里面算是出類拔萃。
缺點(diǎn)：?jiǎn)雾?yè)面可操作性較低，僅支持套用模板。
【快邀約】快速制作邀請(qǐng)函
優(yōu)點(diǎn)：易上手，省時(shí)高效，便于統(tǒng)計(jì)。
缺點(diǎn)：頁(yè)面簡(jiǎn)陋，只能選擇固有模板創(chuàng)建文字和添加圖片。
【易企秀】中小微企業(yè)的移動(dòng)場(chǎng)景營(yíng)銷管家
優(yōu)點(diǎn)：套用模板，創(chuàng)建快捷，用來(lái)做企業(yè)介紹、產(chǎn)品推薦。擁有強(qiáng)大的推廣統(tǒng)計(jì)、客戶管理功能。嗯，這里應(yīng)該贊一個(gè)。
缺點(diǎn)：只能用模板，DIY程度低；統(tǒng)計(jì)數(shù)據(jù)是否準(zhǔn)確需要進(jìn)一步確認(rèn)，目前看來(lái)可能有遺漏數(shù)據(jù)的現(xiàn)象（在小范圍測(cè)試中，統(tǒng)計(jì)到的數(shù)量小于應(yīng)有的數(shù)量）。
【微貼】：通過(guò)微信公眾號(hào)創(chuàng)建H5頁(yè)面
優(yōu)點(diǎn)：手機(jī)公眾號(hào)內(nèi)直接創(chuàng)建簡(jiǎn)單頁(yè)面，根據(jù)提示創(chuàng)建即可，無(wú)腦方便快捷。
缺點(diǎn)：只是單頁(yè)面展示，承載不了交互效果等特效和更多內(nèi)容。
總結(jié)
工具網(wǎng)站做的H5頁(yè)面，多注重單獨(dú)頁(yè)面的自定義交互方案，DIY程度高，相對(duì)來(lái)說(shuō)用時(shí)較長(zhǎng)，又受制于帶寬因素，故影響操作；
工具APP做的H5頁(yè)面，多注重效率，目前都是套用模板，因而對(duì)單頁(yè)面的DIY程度較低，交互效果受限。
作為我個(gè)人而言，移動(dòng)互聯(lián)的新任PM，我平時(shí)常用到的是【MAKA】和【兔展】，這兩個(gè)相對(duì)來(lái)說(shuō)更適合半天時(shí)間來(lái)完成；如想快速制作展示頁(yè)面就用【初頁(yè)】，這個(gè)在功能效率與設(shè)計(jì)感方面更突出一些；組織活動(dòng)、制作邀請(qǐng)函、分發(fā)活動(dòng)通知等用【快邀約】；平時(shí)推廣新產(chǎn)品、聯(lián)絡(luò)客戶和招聘新人用
使用HTML5的localStorage即可。
例如：
當(dāng)文本框值發(fā)生變化時(shí)，存儲(chǔ)數(shù)據(jù)
localStorage.mydata=$('input').val()
下次打開時(shí)，讀取
$('input').val(localStorage.mydata||'')
web前端是統(tǒng)稱，html5，javascript都是屬于前端的技術(shù)。
在招聘網(wǎng)上html5很多時(shí)候指的是開發(fā)h5頁(yè)面（也叫單頁(yè)面），
例如：邀請(qǐng)函，廣告頁(yè)，抽獎(jiǎng)頁(yè)等等，
其實(shí)html5是一種技術(shù)，是html的升級(jí)版，
加入了一些新的功能像語(yǔ)義化標(biāo)簽等。
javascript是一種腳本語(yǔ)言，一般負(fù)責(zé)網(wǎng)站行為，
例如操作dom,切圖是屬于前端，html5也是屬于前端。
不過(guò)現(xiàn)在很多公司基本上不會(huì)單單招一個(gè)切圖了，
現(xiàn)在的前端開發(fā)需要html5+css3 +javascript, jquery,ajax，json
還要有框架的技術(shù)，如：angular 、vue、react等，
還需要會(huì)開發(fā)小程序，會(huì)代碼管理，如git
會(huì)代碼打包如：node的webpack,
app打包，如API cloud,有一些還需要會(huì)后端技術(shù)
如mysql，php,會(huì)搭建服務(wù)器，注冊(cè)域名，備案域名，備案服務(wù)器，
上線網(wǎng)站，等等
當(dāng)然是借助H5制作工具啦，有專業(yè)的H5制作工具，比如說(shuō)像意派Epub360，是國(guó)內(nèi)比較早的一款專業(yè)的H5制作工具，你只需要打開這個(gè)編輯器創(chuàng)建一個(gè)作品。將自己的圖片，文字，視頻等素材放到里面，然后添加一些動(dòng)畫或者是交互動(dòng)作，那么這樣一個(gè)網(wǎng)站就可以發(fā)布了，發(fā)布后是一個(gè)鏈接或者是二維碼，十分的方便也不需要去花費(fèi)時(shí)間，進(jìn)行網(wǎng)站備案的流程，十分方便，快速?zèng)]得說(shuō)。
如果單單說(shuō)頁(yè)面結(jié)構(gòu)，不介紹新的特性、功能的話，人見解，最大的變化恐怕是語(yǔ)意化了，html5增加了了很多語(yǔ)意化標(biāo)簽，比如header、footer、nav等等。這些標(biāo)簽有利于讓瀏覽器或者蜘蛛（搜索引擎）更好理解你的頁(yè)面想表達(dá)的內(nèi)容。比傳統(tǒng)html4使用表格或者div布局更加有利于SEO或者無(wú)障礙閱讀。
其次，頁(yè)面頭部的文檔類型聲明也比html4更加簡(jiǎn)潔，文檔類型的作用，主要是告訴瀏覽器此文檔是什么種類，該如何解析。html4有很多種頭部文檔聲明，比較亂，新手可能很難一下子理解（說(shuō)實(shí)話我也不太理解），而html5則精簡(jiǎn)到了一種：!DOCTYPE HTML這樣就使代碼出錯(cuò)，和兼容問(wèn)題得到了妥善解決。
個(gè)人覺(jué)得主要是這些改動(dòng)吧，望采納。
HTML的全稱是超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動(dòng)畫、聲音、表格、鏈接等。Html是一種用來(lái)描述網(wǎng)頁(yè)的語(yǔ)言。它被稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。
重慶分公司
重慶分公司
