html5开发wap HTMl5开发实训

移动web开发和html5开发有什么不同

1、HTML5其实只是前端开发中重要的一部分技术，是现在前端开发的标准组件，特别是在移动端的特效开发、游戏开发，以及APP的开发方向上非常流行。web前端是一个做有关网页的一个概述，是一个网页view层的总得称呼。

目前创新互联建站已为1000+的企业提供了网站建设、域名、网页空间、成都网站托管、企业网站设计、番禺网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

2、H5和web不是同个东西，但又互相有关联，这就跟混泥土跟房子的区别一样。HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

3、Web前端意思就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户所浏览的网页。前端开发顾名思义就是这些页面设计的实现，代码的实现。

基于HTML5的移动Web开发支持哪些新功能

1、脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。地理位置定位使得定位导航不再是专属导航软件，地图也不需要下载很大的地图包。

2、Web存储：HTML5引入了本地存储的API，包括Web Storage和IndexedDB，可以在浏览器中存储数据，提供了更好的离线和客户端数据处理能力。

3、离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。音频视频自由嵌入，多媒体形式更为灵活。地理定位。

4、HTML5中包含了所有合理的扩展功能，具有良好的跨平台性能。对于不支持新标签的旧IE浏览器，只需添加JavaScript代码就可以使用新元素。推荐了解黑马程序员的web前端课程。增加了几个新功能。

5、一些全新的表单输入对象 包括日期，URL，Email 地址，其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据，这一使用机器可以识别的标签标注内容的方法，使语义Web 的处理更为简单。

html5制作wap小页面,一般宽度定为多少

Web 页面采用多大的宽度最合适 网页设计标准尺寸： 800×600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。

假设我们用PC浏览器打开一个页面，浏览器此时的宽度为800px，页面上同时有一个400px宽的块级元素容器。很明显此时块状容器应该占页面的一半。 但如果我们把页面放大(通过“Ctrl键”加上“+号键”)，放大为200%，也就是原来的两倍。

不要上下滚动条， 一般高度是600-635像素之间， 就不会出现垂直滚动条。在ps里面做网页可以在1003*600状态下显示全屏，页面的下方也不会出现滑动条，尺寸为1003*650像素左右 。

现在都是大屏时代，基本上，从设计网页的角度来看，在PHOTOSHOP上，宽为960像素最为合适。随现在浏览的工具越来越多，包括手机、IPAD等，出现了自适应的网页设计功能，需要HTML5及DIV+CSS的代码调用了。

如何用html5构建移动端的webapp

使用html5开发移动端应用采用什么框架？h5移动端应用其实是webapp的一种，在手机端浏览器进行访问，不用安装可以直接访问，基于浏览器内核的一种开发框架，因为是web所以包含页面、数据库和后端三个大的方向。

SenchaTouchSenchaTouch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。

②：Ionic IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。

HTML + CSS 这部分建议在线教程 上学习，边学边练。之后可以模仿一些网站做些页面。