html5制作手机端页面 做html5 做手机页面

如何使用html做app网页

可以通过webview方式访问远程，也可以把html5页面放在手机app端，本地方式进行访问。但都离不开webview。HTML5现在现成的框架比较多，photogap,jquerymobile,bootstrap等都可以，如果功能简单，也可以不使用框架，自己写几个html5页面就行了。

如何把web端的网页设计成wap端网页

WAP的全称是“无线应用协议（Wireless Application Protocol）”，是一种向移动终端提供互联网内容和先进增值服务的全球统一的开放式协议标准，

是简化了的无线Internet 协议。手机网站按照这种标准提供服务，支持这种标准的手机就可以访问这些网站亨受这些服务。

WEB是网的意思，这里应是指World Wide Web，WWW，万维网。万维网常被当成因特网的同义词，不过其实万维网是靠着因特网运行的一项服务。

WAP和WEB并称的时候，前者是指基于WAP协议的手机网站，后者是指基于HTTP协议的电脑网站，支持WAP的手机可以直接访问WAP站点，

手机访问WEB站点则需要经过网关转换；同样，电脑可以直接访问WEB站点，电脑访问WAP站点也需要经过网站转换。

我告诉你，WAP网站确实没什么用处，当时出现只是为了节省流量，适合低端手机的运算能力，现在所有手机基本上都可以访问WWW的WEB网站了，以后WAP将被彻底淘汰掉；

如果你是想做出的网站同时在手机和网页端饭访问，建议你用HTML5去开发，因为HTML5支持手机和网页端，而且还是自适应屏幕的大小；

1. 检查网页的内容是否适合手机浏览：在移动端网页设计中，要求网页的内容要尽可能的精简简洁，加载的速度要快，所以在设计WAP端的网页之前，需要检查原有网页的内容，看看是否适合移动端浏览，如果内容不太合适，就要进行修改。

2. 重新设计网页布局：移动端的屏幕小，需要重新设计网页的布局，主要考虑网页的操作方便性、布局合理性等因素，使用简单、清晰的布局，尽量减少菜单项，使用更多的图标来代替文字，以及采用相对较大的字体来提高可读性。

3. 使用移动端CSS布局：将web端的网页改为wap端的网页，需要使用移动端CSS布局，CSS3中新增的媒体查询（Media Queries）可以根据屏幕尺寸自动调整网页布局，从而达到移动端网页自适应的效果。

4. 兼容移动端浏览器：移动端浏览器和PC端浏览器有很多不同，WAP网页需要兼容移动端浏览器，以便让用户可以正常浏览网页，并且要保证移动端浏览器的兼容性，使用不同类型的浏览器测试网页的显示效果，以确保网页的兼容性。

WAP的全称是“无线应用协议(Wireless Application Protocol)”,是一种向移动终端提供互联网内容和先进增值服务的全球统一的开放式协议标准,

手机wap网站和html5手机网站有什么区别

（1）、WAP(wirelessapplicationprotocol)是无线应用协议的缩写，一种实现移动电话与互联网结合的应用协议标准。wap网站也就是我们通常说的手机站。

（2）、html5是W3C制定的超文本标记语言（html)的第五次修改，通过html5制作的网站可以灵活运行于PC，平板，手机等各种媒体。

（3）、wap网站只能运行于手机端，多以文字图片为主，无特效和逻辑功能；html5的新特性可以让网站运行各种媒介（PC、平板、手机），并可以根据媒介的不同响应调节网站结构，与js/css3，可以构造出炫酷的特效效果。WAP网站是基于WAP2.0开发出来的手机网站，这种网站主要应用于传统的智能手机上，并且支持任意移动终端可以很好地体验，兼容性比较高，页面的设计没有特效。

因为传统的智能手机没有多点触控的功能，所以WAP网站的设计非常简洁，并且适用于键盘手机操作。随着大屏幕智能手机的发展，WAP的网站慢慢被手机网站取代。