1.1.3 开发目标
本课题要求建立一个移动设备网站,根据需求来看,移动app应用是最合适的网站建立方法。因此手机平台的选择,开发工具的使用,以及界面的设计是关键。要让用户觉得网站简洁清爽,便利,反应迅速。
1.2 相关原理与技术
而伴随着移动用户的增多,移动网站也越来越多。对于一个便利的移动网站的需求也迅速上升。建立一个对于移动端合适的浏览的网站有很多种方法,现在主流的方法有自适应网页设计、移动网站和移动app应用三类,通过这三类方法,可以在短时间内将一个已存在的桌面网站转换为适合移动设备访问的网站。
1.2.1自适应网页设计
自适应网页设计,就是让同一个网页的代码,能够在不同的设备上(从桌面电脑到智能手机或者其他移动产品设备)都能有更佳的浏览体验,因此在设计网站之前,就要考虑好页面的布局如何才能适应多屏幕的浏览,这样移动设备就可以通过原网址来浏览桌面的站点,并且用户将会看到的是自动适应了屏幕大小之后的网站。尽管这种方式将使得域名统一,但是对于结构很复杂、页面反复的网站来说,代码的设计具有相当高的难度。因此,通常来说自适应网页设计比较适合单栏或双栏等简单的版面网站,对于复杂版面设计较难。
由于自适应设计的内容使用相同的网址,不会出现重定向,因此对于访问的用户来说,不必花费时间记忆另外的网址,而对于开发者来说,改造单栏或双栏的网站为自适应网站的开发较为简单,只需对CSS进行修改即可。
自适应的网页需要手机浏览器支持css3,目前的iPhone和Android内置的浏览器都支持css3,同时,自适应的网页需要展示更多的图片,比较耗费流量,因此也不太适合2G网络的用户访问。
对于网站修改来说,只要在HTML的头部增加viewport标签(控制显示尺寸、是否允许缩放、初始比例及上下限等)、 MobileOptimized标签(微软为IE Mobile版设置的定义的宽度标记)以及HandheldFriendly标签(是否对手持设备友好,只有true或者false),或者在CSS文件尾部增加针对不同的屏幕分辨率的规则,布局宽度使用相对的宽度,隐藏侧栏,半小时的开发量就可以提升网站的手机的移动浏览体验。
1.2.2移动网站
移动网站是指相对于现有的桌面网站,按照移动端的设计的规则来重新建立一个移动网站,尽管内容和桌面的网站一样,但却拥有两个不同的网址。通常来说移动网站使用子域名的方式实现,例如使用类似于 wap.williamlong.info 或 m.williamlong.info 这样的地址,为移动用户专门定制的,内容也可以与桌面网站不同,桌面的网站的网址检测到移动设备后自动重定向到移动的网站页面。
移动网站可以支持非触屏的智能手机和触屏智能手机,适合侧重移动设备或者专门针对移动设备的网站,使用移动浏览器来访问。
很多blog、cms建站程序都有桌面的移动页面入口,网站只需将移动设备的用户引导到这个入口即可。通常有wap或HTML5等方式的建站方式。wap页面主要针对老式的手机浏览器和2G用户,页面简洁,省流量,但目前正处于淘汰的过程中。
1.2.3移动app应用
移动APP应用指的是专门在苹果和安卓的应用商店里发布的移动APP应用,安装后可以直接使用。移动APP应用的开发成本比较高,而且针对苹果和安卓需要两套开发API,不过,移动APP可以允许用户离线来使用,又可以访问移动设备的硬件信息,对于交互性强的应用来说比较适合。对于普通的内容类网站来说,使用移动 APP应用的好处并不怎么明显。 asp.net移动设备网站的设计与实现(2):http://www.751com.cn/jisuanji/lunwen_23284.html