13518219792
H5edu教育HTML5开发解答
创新互联公司-专业网站定制、快速模板网站建设、高性价比咸宁网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式咸宁网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖咸宁地区。费用合理售后完善，十余年实体公司更值得信赖。
一.前期准备：
1.购买云主机（本人用的是阿里云）
2.下载一个tomcat（tomcat7.0）
3.JDK1.7.0
3.在云主机里下载一个压宿包
4.准备一个谷歌浏览器包
二.步骤：
1.登陆管理云服务管理控制台，复制公网ip
2.连接云主机方法：①.网页连接 （有点慢）②.远程连接（记得提前修改密码）将公网ip复制到远程连接桌面的计算机栏，用户名：administrator 密码：自己修改的
3.打开云主机后，装上谷歌浏览器、tomcat、装上jdk、配置好环境，可百度查询配置环境步骤。
4.将项目放入tomcat的webapps里面，然后打开tomcat里的bin里面的tomcat7.exe双击，然后在双击startup.exe,看到项目运行，一般就没有太大问题。
三.见证奇迹的时刻：
1.记得要先在浏览器里测试，以免不成功造成失败，先在浏览器中输入localhost:8080+你的项目
2.运行出来后，那么你就成功了，可以在随便一个电脑上登陆你的页面。只要在浏览器中输入（公网ip+端口号+你的项目）。
主流网站的手机版本都是结合h5开发的，可以查看。
phonegap没流行开来，不过项目有参考价值
国内最wildspread的h5应用当属微信朋友圈，朋友圈里分享的所有外链内容多数都是以h5承载
通过网络空间，虚拟主机或服务器部署，需要租用虚拟主机，然后配置php+mysql环境（虚拟空间/主机一般是现成的环境选择，VPS，云服务器则需要自己搭建环境），安装程序，解析绑定域名即可；
本地电脑直接分享网站，可以网上找php+mysql搭建套装软件，直接本地搭建换，然后调试好网站程序，电脑保持开机，保证公网IP地址不变，然后域名解析绑定即可。
使用 html5 开发一个动态网站方法：
工具/原料
HBuilder6.6
MUI2.5
方法/步骤
为了演示HTML5 APP页面是如何做到动态调整布局。
1、首先，我们创建一个移动APP项目，然后，添加一个index.html页面。代码里，添加一个图标，以及添加引入一个JS文件，该文件的作用在于：请求后台JS文件。
2、接下来，我们看看service.js文件是如何请求后台JS文件的。编写该service.js文件的重点是：A、如何异步请求后台JS文件；B、请求回来的后台文件，如何动态添加到页面的Head里。
3、紧接着，我们对APP项目进行打包操作：选择需要的打包类型，然后，填写相应的证书信息。如果选择IOS打包，请在打包证书里，添加需要安装的苹果手机UDID（未提供UDID，则不能安装APP)。
4、打包完成后，便可以下载安装APP。先用苹果手机连接电脑，然后通过工具安装APP。当然，这种连接数据线安装的方式，只能适合个人测试使用。如果想给别人批量安装测试，请参考《HTML5 APP开发之APP测试》经验。
1HTML5 APP开发之APP测试
5、APP安装完成后，我们看看打开APP现有的效果是怎样的。我们看到APP页面的左上角，显示了一个联系人的图标。
6、由于菜果手机不同系列的屏幕大小不一样，而且屏幕的分辨率也不一样【安桌手机的也一样】。导致同一个页面布局，在不同的手机上，显示的位置有时偏差比较大，有时也好。当然，这也加大了开发和测试的难度。不可能因一些位置问题，就重新发布APP。下面是苹果手机不同系列的屏幕大小分辨率说明：
7、所以，才有了动态调试页面布局的想法。回到第二步，我们是有请求后台JS文件的（showJSPage.js）。下面看看showJSPage.js，是如何编写的：A、首先判断手机操作系统类型；B、判断屏幕大小。
8、添加了showJSPage.js代码后，启动后台服务。然后，关闭原来打开的APP软件，再重新打开APP软件，便可查看修改后的效果。
9、整个方案的理解重点在于：熟悉JS执行的先后顺序，以及对手机屏幕大小与屏幕分辨率的关系。才能灵活运用，达到自己想要的目的。
上海个人产品服务HTML5项目是指以HTML5技术架构开发的个人网络金融产品和服务应用，同时可满足移动端浏览器、二维码扫码跳转及PC端WEB浏览器访问使用。
H5项目主要应用场景分为线上及线下渠道。线上渠道主要包括中国银行手机银行、上海分行官方微信公众号及第三方合作机构官方渠道（以下简称“第三方平台”，包括但不限于非我行的APP、官方微信及PC端等渠道）等；线下渠道为利用我行H5项目URL链接通过技术手段生成的二维码布放在我行网点、第三方合作机构的线下营业机构或投放在宣传单页，供客户扫描二维码后使用我行H5项目的服务模式。
以上内容供您参考，业务规定请以实际为准。
如有疑问，欢迎咨询中国银行在线客服。
诚邀您下载使用中国银行手机银行APP或中银跨境GO APP办理相关业务。
