使用 html5 肿么开发一个动态网站？

移动

使用HTML5开发动态网站的方法：

1. 创建移动APP项目，添加一个index.html页面。在该页面中添加一个图标，并引入一个JS文件，该文件用于请求后台JS文件。

2. 编写service.JS文件，该文件用于异步请求后台JS文件。重点是确定如何动态添加到页面的Head中。

JS

3. 打包APP项目：选择所需的打包类型，并填写相应的证书信息。如果选择IOS打包，则需要添加苹果手机UDID（未提供UDID，则不能安装APP）。

4. 打包完成后，可以下载并安装APP。首先使用苹果手机连接电脑，然后通过工具进行安装。这种连接数据线的方式只能用于个人测试，如果需要批量测试，请参考《HTML5 APP开发之APP测试》经验。

5. 安装完成后，查看APP页面现有的效果。在页面左上角显示了一个联系人的图标。

6. 考虑到不同手机系列的屏幕大小和分辨率差异，同一个页面布局在不同手机上可能会有偏差。这增加了开发和测试的难度，无法仅因位置问题重新发布APP。以下是苹果手机不同系列的屏幕大小和分辨率说明。

7. 因此，产生了动态调试页面布局的想法。回到第二步，在showJSPage.JS中编写代码来判断手机操作系统类型和屏幕大小。

8. 添加showJSPage.JS代码后，启动后台服务。关闭原来打开的APP软件，重新打开APP软件，即可查看修改后的效果。

9. 了解JS执行的先后顺序以及手机屏幕大小与屏幕分辨率的关系是整个方案理解的重点。这样才能灵活运用，达到期望效果。