h5.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="csrf-token" content="u2Ua76tkstB1qiWRgMvvgPx3cQIl7Q0ZUqUTN88Z">
  6. <meta name="keywords" content="H5网站开发,H5开发公司,H5游戏,H5营销网站">
  7. <meta name="description" content="铭讯科技是专业的软件定制开发服务商,提供全行业软件定制开发服务,是一支高交付的一流团队。">
  8. <meta name="author" content="铭讯科技">
  9. <title>H5开发-营销H5网页开发-H5小游戏-铭讯科技</title>
  10. <!-- Stylesheets -->
  11. <link href="static/css/bootstrap.css" rel="stylesheet">
  12. <link href="static/css/style.css" rel="stylesheet">
  13. <link href="static/css/slick.css" rel="stylesheet">
  14. <link href="static/css/responsive.css" rel="stylesheet">
  15. <!--Color Switcher Mockup-->
  16. <link href="static/css/color-switcher-design.css" rel="stylesheet">
  17. <!--Color Themes-->
  18. <link href="static/css/30.css" rel="stylesheet"/>
  19. <link rel="icon" type="image/x-icon" href="./static/image/icon.jpg"/>
  20. <!-- Responsive -->
  21. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  22. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  23. <!--[if lt IE 9]>
  24. <script src="/officialBlue/js/html5shiv.js"></script><![endif]-->
  25. <!--[if lt IE 9]>
  26. <script src="/officialBlue/js/respond.js"></script><![endif]-->
  27. <style>
  28. @media screen and (max-width:480px){
  29. .sidebar .sidebar-blog-category{
  30. display: none;
  31. }
  32. .footer .footer-block .footer-tit{
  33. width: 100px;
  34. margin: 0 auto 5px auto;
  35. }
  36. .footer .footer-block .hot-line{
  37. width: 340px;
  38. margin: 0;
  39. margin-left: -120px;
  40. }
  41. .footer .footer-block p>span{
  42. display:none;
  43. }
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <div class="page-wrapper">
  49. <!-- Main Header-->
  50. <!--顶部菜单 -->
  51. <div class="header-perch">
  52. <div class="hx-header-fix">
  53. <div class="auto-container">
  54. <div class="hx-header mobile">
  55. <div class="hx-logo" style="height: 70px; width: 108px;">
  56. <a href="index1.html">
  57. <img src="static/image/login.png" class="logo_blue" alt="">
  58. </a>
  59. </div>
  60. <div class="menu-operate">
  61. <div id="menu-operate-close"><img src="static/picture/71.png" alt=""></div>
  62. <div id="menu-operate-spread"><img src="static/picture/72.png" alt=""></div>
  63. </div>
  64. <div class="hx-menu">
  65. <ul>
  66. <li><a href="index1.html">首页</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  67. <li><a href="services.html">软件开发服务</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  68. <li><a href="case.html">服务案例</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  69. <li><a href="faq.html">新闻资讯</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  70. <li><a href="contact.html">联系我们</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  71. <li><a href="about.html">关于我们</a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  72. <li style="width: 180px;"><a href="">咨询电话:17347315117 </a><span class="btm-line"><img src="static/picture/selected.png" alt=""></span></li>
  73. </ul>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. <!--End Main Header -->
  80. <!--Page Title-->
  81. <section class="page-title" style="background-image:url(static/picture/w-R.png);">
  82. <div class="auto-container">
  83. <h2>H5开发</h2>
  84. </div>
  85. </section>
  86. <div class="Dg" style=" width: 1190px;margin:0 auto;; margin-top: 10px;"> <a style="margin-left: 15px;" href='index1.html' class=''>主页</a> > <a href='services.html'>软件开发服务</a> > <a href="">H5开发</a></div>
  87. <!--Breadcrumb-->
  88. <!-- <div class="breadcrumb-outer">
  89. <div class="auto-container">
  90. <ul class="bread-crumb text-center">
  91. <li><a href="index.html">首页</a> <span class="fa fa-angle-right"></span></li>
  92. <li>H5定制开发</li>
  93. </ul>
  94. </div>
  95. </div> -->
  96. <!--End Page Title-->
  97. <!--Sidebar Page Container-->
  98. <div class="sidebar-page-container" >
  99. <div class="auto-container">
  100. <div class="row clearfix">
  101. <div class="content-side col-lg-8 col-md-12 col-sm-12">
  102. <div class="services-single">
  103. <div class="inner-service">
  104. <div class="lower-content">
  105. <h2 style="text-align: center">H5开发介绍</h2>
  106. <div class="text" style="margin: 0;">
  107. <p style="margin: 0px 0px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;">&nbsp;</p>
  108. <h2 style="box-sizing: border-box; margin: 0px 0px 20px 0px; padding: 0px; border: none; outline: none; font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; color: #333333; font-size: 21px; position: relative; background: none #ffffff;"><a style="box-sizing: border-box; margin: 0px; padding: 0px; border: none; color: #009bff; text-decoration-line: none; background-color: transparent; cursor: pointer; outline: none !important;" title="H5案例" href="javascript:;">点击进入H5案例中心</a></h2>
  109. <p style="margin: 26px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">HTML5 是下一代 HTML 标准。</span></p>
  110. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">HTML5 受包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等国外主流浏览器的支持;国内的傲游浏览器(Maxthon), 360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等同样具备支持HTML5的能力。</span></p>
  111. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">优势:开发技术简单,研发周期短,用户接触成本低</span></p>
  112. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">一、H5的优势是兼容性好,用H5的技术开发出来的应用在各个平台都适用,且可以在网页上直接进行调试和修改,开发和维护的成本较低,开发周期较短。</span></p>
  113. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">二、强化了Web网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。</span></p>
  114. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">三、追加了本地数据库等Web应用的功能。</span></p>
  115. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">适合场景:把手机网站当成网络上的&ldquo;电子产品介绍手册&rdquo;。</span></p>
  116. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">手机网站更适合用户&ldquo;主动百度搜索&rdquo;或者&ldquo;主动访问&rdquo;,适合于陌生用户的低频或初次访问,让用户更完整和详细的获得快速介绍。通常用户使用搜索引擎、手动输入网址等形式进行访问。</span></p>
  117. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">H5不足的地方表现在软件运行速度容易受网络影响,对于摄像头、陀螺仪等硬件支持较差,开发出来的应用性能较差,不适合处理较复杂的逻辑等等。</span></p>
  118. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">H5的应用。</span></p>
  119. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">1、HTML5的游戏开发,例如简单的微信小游戏,打飞机等,也有白鹭egret引擎,还有cocos2d-js等等。</span></p>
  120. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">2、轻应用、Webapp、微站</span></p>
  121. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">网站包括PC端和移动端,响应式网站适配不同的终端。</span></p>
  122. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">HTML5培训开发移动应用更灵活。采用HTML5技术的轻应用、WebApp相信会更容易被大众所认可,接受。</span></p>
  123. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">3、Hybrid App是指介于web-app、native-app这两者之间的app,它虽然看上去是一个Native App,但只有一个UI WebView,里面访问的是一个Web App,比如街旁网最开始的应用就是包了个客户端的壳,其实里面是HTML5的网页,后来才推出真正的原生应用。</span></p>
  124. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">4、基于微信平台的开发,微信开放JSSDK让H5的开发人员可以调用底层功能,实现扫一扫,卡卷,微信支付,等操作</span></p>
  125. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">5、HTML5教程移动营销</span></p>
  126. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">游戏化、场景化、跨屏互动,HTML5技术完美的满足了各大广告商心里的梦想,从形式到功用、到传播,只要是你能想到的,没有它做不到的。</span></p>
  127. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">6、WebVR让虚拟现实大众化</span></p>
  128. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">WebVR就是通过HTML5教程来把虚拟现实内容嵌入到web页面中,谷歌、Facebook等巨头都十分欣赏这一功能。</span></p>
  129. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">7、动漫、二次元</span></p>
  130. <p style="margin: 22px 0px 0px; padding: 0px; font-size: 16px; line-height: 24px; color: #333333; text-align: justify; font-family: arial; background-color: #ffffff;"><span class="bjh-p">HTML5技术的成熟,还将会带来动漫产业的升级,从而为读者们带来更场景化,更真实化的方便体验。</span></p>
  131. </div>
  132. <!--Faq Section-->
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <!--Sidebar Side-->
  138. <div class="sidebar-side sticky-container col-lg-4 col-md-12 col-sm-12">
  139. <aside class="sidebar">
  140. <div class="inner sticky-box">
  141. <!--Blog Category Widget-->
  142. <div class="sidebar-widget sidebar-blog-category">
  143. <ul class="blog-cat">
  144. <li class=""><a href="app.html">APP</a></li>
  145. <li class="active "><a href="">H5</a></li>
  146. <li class=""><a href="mini-program.html">小程序</a></li>
  147. <li class=""><a href="web.html">WEB应用</a></li>
  148. <li class=""><a href="spider.html">网络爬虫</a></li>
  149. <li class=""><a href="ai-bigdata.html">AI、大数据</a></li>
  150. <li class=""><a href="crm.html">CRM</a></li>
  151. <li class=""><a href="erp.html">ERP</a></li>
  152. <li class=""><a href="oa.html">OA</a></li>
  153. <li class=""><a href="official-website.html">企业官网</a></li>
  154. <li class=""><a href="marketing-website.html">营销网站</a></li>
  155. <li class=""><a href="other-website.html">其他网站</a></li>
  156. </ul>
  157. </div>
  158. <!--Donate Help Widget-->
  159. <div class="sidebar-widget donate-help-widget">
  160. <div class="inner-box">
  161. <h2>如果需要我们的帮助</h2>
  162. <div class="text">
  163. 您可以通过电话或者在线聊天的方式找我们,我们将竭诚为您服务!
  164. </div>
  165. <a href="contact.html" class="theme-btn btn-style-three">联系我们</a>
  166. </div>
  167. </div>
  168. <!--Brochure-->
  169. <div class="sidebar-widget-two brochure-widget">
  170. <div class="brochure-box">
  171. <div class="inner">
  172. <span class="icon flaticon-phone-call"></span>
  173. <div class="text">173-4731-5117</div>
  174. </div>
  175. <a href="tel:17347315117" class="overlay-link"></a>
  176. </div>
  177. </div>
  178. </div>
  179. </aside>
  180. </div>
  181. <!--Content Side-->
  182. </div>
  183. </div>
  184. </div>
  185. <!--Subscribe Style One-->
  186. <section class="subscribe-style-one alternate">
  187. <div class="auto-container">
  188. <div class="row clearfix">
  189. <div class="col-lg-5 col-md-12 col-sm-12">
  190. <h2>现在开始沟通需求</h2>
  191. <div class="text">我们会对您的信息做加密处理,保证您的数据安全,我们不会将您的信息泄露给任何第三方!</div>
  192. </div>
  193. <div class="col-lg-7 col-md-12 col-sm-12">
  194. <form method="post" action="/contact" id="contact-form">
  195. <input type="hidden" name="_token" value="u2Ua76tkstB1qiWRgMvvgPx3cQIl7Q0ZUqUTN88Z"> <div class="form-group clearfix">
  196. <input type="tel" name="phone" value="" placeholder="输入手机号" required="">
  197. <button type="submit" class="theme-btn btn-style-one">提交</button>
  198. </div>
  199. </form>
  200. </div>
  201. </div>
  202. </div>
  203. </section>
  204. <!--End Subscribe Style One-->
  205. <!--Main Footer-->
  206. <div class="footer">
  207. <div class="footer-top">
  208. <div class="wrap">
  209. <div class="footer-block w-29">
  210. <div class="logo">
  211. <img src="static/image/login-1.png" alt="login">
  212. </div>
  213. <span class="partner" style="margin-left: -38px;">让APP开发变得更简单</span>
  214. </div>
  215. <div class="footer-block w-25 " style="width: 100%; margin: 0 auto;">
  216. <div class="footer-tit col-md-12 col-sm-12 col-xs-12" >服务热线</div>
  217. <div class="hot-line col-md-12 col-sm-12 col-xs-12">173-4731-5117</div>
  218. <p class="col-md-12 col-sm-12 col-xs-12"><span>售前咨询(09:00-24:00)</span></p>
  219. </div>
  220. <div class="footer-block w-34">
  221. <div class="footer-tit">联系我们</div>
  222. <p style="margin-bottom: 10px;">长沙市岳麓区枫林三路喜地大厦802室 </p>
  223. <p class="mb-10">
  224. <a href="tencent://message/?uin=2065525518&Site=&Menu=yes" target="_blank">
  225. 企业QQ:23933725
  226. <span class="foot-qq"></span>
  227. </a>
  228. </p>
  229. <p>企业邮箱:23933725@qq.com</p>
  230. <p>电话咨询:17347315117</p>
  231. </div>
  232. <div class="footer-block w-12">
  233. <div class="footer-tit">加官方微信</div>
  234. <div class="footer-ewm">
  235. <img src="static/image/erwei.jpg" alt="ewm">
  236. </div>
  237. <p class="ml">免费咨询报价及方案</p>
  238. </div>
  239. <div class="clear"></div>
  240. </div>
  241. </div>
  242. <div class="footer-bottom" style="height: auto;padding:10px 0;line-height: 20px;">
  243. <p>
  244. Copyright@2021-2022 湘ICP备2022000793号 湖南铭迅网络科技有限公司 版权所有 |
  245. </p>
  246. <ul class="ulbox">
  247. <li><a href="about.html">关于我们 |</a></li>
  248. <li><a href="faq.html">新闻资讯 |</a></li>
  249. <li><a href="contact.html">联系我们 |</a></li>
  250. <li><a href="map.html">网站地图 |</a></li>
  251. </ul>
  252. <ul class="ulboxs">
  253. <li>友情链接 :</li>
  254. <!-- <li><a>铺好租</a></li>
  255. <li><a>百万网址导航</a></li>
  256. <li><a>广州保洁公司</a></li>
  257. <li><a>九江公司</a></li>
  258. <li><a>长沙装修公司</a></li>
  259. <li><a>大集商铺网</a></li>
  260. <li><a>长沙门面出租</a></li> -->
  261. </ul>
  262. <div class="h40"></div>
  263. <!--End Footer Bottom-->
  264. <script>
  265. // var _hmt = _hmt || [];
  266. // (function() {
  267. // var hm = document.createElement("script");
  268. // hm.src = "https://hm.baidu.com/hm.js?7c8206c3cbaf6b515a6a72f50fbb4632";
  269. // var s = document.getElementsByTagName("script")[0];
  270. // s.parentNode.insertBefore(hm, s);
  271. // })();
  272. </script>
  273. </footer>
  274. </div>
  275. </div>
  276. <!--End pagewrapper-->
  277. <!--Scroll to top-->
  278. <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div>
  279. <script src="static/js/jquery.js"></script>
  280. <script src="static/js/popper.min.js"></script>
  281. <script src="static/js/bootstrap.min.js"></script>
  282. <script src="static/js/jquery.mCustomScrollbar.concat.min.js"></script>
  283. <script src="static/js/jquery.fancybox.js"></script>
  284. <script src="static/js/appear.js"></script>
  285. <script src="static/js/owl.js"></script>
  286. <script src="static/js/sticky.js"></script>
  287. <script src="static/js/wow.js"></script>
  288. <script src="static/js/slick.js"></script>
  289. <script src="static/js/jquery.validate.min.js"></script>
  290. <script src="static/js/additional-methods.js"></script>
  291. <script src="static/js/messages_zh.min.js"></script>
  292. <script src="static/js/jquery-ui.js"></script>
  293. <script src="static/js/script.js"></script>
  294. </body>
  295. </html>