很多站长朋友们都不太清楚html5怎么制作桌面，今天小编就来给大家整理html5怎么制作桌面，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 如何利用HTML5打造桌面应用 2、 怎么制作html5手机页面？ 3、 JS+html5做的界面怎么设置为电脑桌面背景？ 4、 HTML5怎么在手机里面创建桌面快捷方式 5、 可不可以用html5做桌面应用程序 如何利用HTML5打造桌面应用目前，使用HTML5和heX可以将网页程序打包为桌面级应用，可以参考经验，
怎么制作html5手机页面？1、打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站。
2、进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。
3、首先点击【我的场景】接着点击【制作场景】，接着会进入场景模板选择界面，里面有很多免费的模板。
4、可以在模板中心选择一个自己需要的点击，直接套用模板，也可以选择自己创建一个空白页面。
5、进入后就可以根据自己的需要，将模板里面的文字图片和音乐替换成自己需要的即可，如图所示。
6、还可以给自己的手机网页添加背景音乐，动画效果，跳转链接，特效组件等等。
JS+html5做的界面怎么设置为电脑桌面背景？除了用无数张图片来实现外，估计最快的办法就是找个人做flash了吧~~~~哈哈哈哈
因为HTML5估计还不够成熟，在3D方面，很多浏览器兼容的问题。
所以，要快的话，就找个会flash的做一个flash就ok了。
HTML5怎么在手机里面创建桌面快捷方式最新版的HTML，即HTML5，已经在软件和信息产业界产生了巨大的影响。当我们说：“HTML5”，我们指的其实是HTML / CSS /
JavaScript的“综合体”。在Mozilla，我们经常提及“Web Run-Time”或WebRT。Mozilla应用的探讨（包括Web
Runtime）都被被记录在这里。
怀疑论者喜欢说：“HTML5还没有准备好”。就在这个星期，我看到的一篇文章，宣称HTML5要“准备就绪”还要再过10年。我想问：“准备什
么？”，当然目前还有许多API仍在发展，但大多情况下，HTML5就是现在进行时。基本上发展到目前，已经准备在不久的将来提供给一般人使用。
最近Mozilla的Web Apps的安装体验已经引入到火狐每晚版通道。（阅读更多关于Firefox版本发布通道的信息）
此功能可以让我们把HTML5应用安置在Windows或Mac本地上（Linux和Android在未来也能得到支持），获得像桌面应用类似的体验。
Mozilla用伟大的方式来做到这一点，Mozilla市场可以简洁的列出你的应用。市场将很快就会向公众开放，开发人员可以提交他们的应用提交到市场这个生态系统上。想要提交应用，你仅需要申请一个BrowserID。
一个HTML5应用，需要包括Mozilla Web Runtime运行环境和一个manifest文件。
该manifest文件其实是一个简单的JSON文件，声明了App的某些数据。
这里是一个App的manifest文件示例。你可以在这里阅读更多有关Mozilla App manifest信息。
{ "version": "1.0", "name": "KO Round Timer",
"description": "A Workout Timer for Fighting Athletes!", "icons": {
"128": "/images/icon-128.png" }, "developer": {
"name": "Joe Stagner", "url": ""
}, "installs_allowed_from": [
"", ""
], "default_locale": "en" }
JSON不需要CRLFs格式化。上面JSON的格式只是为简化显示，以便阅读。
注意：第12行以上指定了App的安装信息。
Mozilla Web
Runtime包括一个应用程序对象（winbow.navigator.mozApps）——mozApps的对象（目前在Windows和Mac平台
上的每夜版Firefox中实现），有一个方法来安装应用程序。我们来看看，在一分钟内使用该API写出代码。
如果你想让你的应用通过Mozilla市场安装，你不需要写任何安装代码。当你在市场提交应用时，市场会为你的应用创建一个列表页面，该页面包括会一个安装按钮。
可不可以用html5做桌面应用程序1、一个node-webkit项目的基本目录结构
2
上面这是一个简单nw应用的目录结构，如果nw应用中需要用到额外的node_module，可以在目录结构中增加一个node_modules的目录，以存放APP所需的node插件。
其实，一个最最简单的nw应用，只需要有mail.html和package.json文件即可，如下：
3
2、认识package.json
“Every app package should contain a manifest file named package.json, it will tell node-webkit how to open the app and control how the browser behaves. ”
package.json格式如下：
4
其中，main和name是必选字段，更多配置字段，可参考官方地址：
5
3、主窗口mail.html的写法
随意写，和普通的前端页面开发方式一样！
6
4、最简单的HelloWorld
a）、目录结构
7
b）、package.json文件代码
8
c）、main.html文件代码
9
d）、执行命令，运行
10
e）、最终效果
11
也许你会觉得这个界面特别熟悉，没错，它就是chromium！只是在node-webkit中，我们可以通过修改package.json配置，把工具栏和外框去掉，修改后的配置为：
12
去掉外框后的运行效果：
13
你一定会发现去掉toolbar和frame以后，窗口没法被拖动了，其实，可以通过下面这句css来实现窗口可拖动：
END
生成多平台APP
1、nw包制作
完成上面的操作，已经生成了一个名为hello-world.nw的文件，如果本机已经安装过node-webkit，双击该文件即可运行。但是，针对未安装过node-webkit的用户，还需要将此nw的运行环境也打包在一起，并生成通用可执行文件，Mac上*.app，Windows上*.exe。
2、针对Mac OS X，*.app文件制作
a）、app.icns文件制作
为你的App制作特定图标，可准备一张1024*1024的png图片，利用icns-Tool工具生成app.icns图标文件。
b）、修改Info.plist文件
为你的App制作或修改特定的描述文件。
c）、打包*.app
从官网再次下载node-webkit的Mac版，命令行执行：
mv hello-world.nw app.nw
cp app.nw node-webkit.app /Contents/Resources/
cp app.icns node-webkit.app /Contents/Resources/
cp Info.plist node-webkit.app /Contents/
mv node-webkit.app hello-wrold.app
至此，Mac OS X版本的可执行程序hello-world.app制作完成。
一般情况下，都会将其压缩后再进行传播。
3）、针对Windows，*.exe文件制作
windows版本的exe程序制作非常容易，从官网下载node-webkit.exe，cmd下执行：
copy /b node-webkit.exe+app.exe hello-world.exe
在Linux环境下，可以使用如下命令：
cat node-webkit.exe app.exe > hello-world.exe
至此，Windows版本的hello-world.exe程序制作完成。
4）、将繁琐重复的操作整合到一个build.sh脚本中
关于html5怎么制作桌面的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html5怎么制作桌面 html5制作游戏界面的详细内容...