移动建站的三种方法 - 炫烨科技

POST TIME: 2018-06-12 20:58:25

智能手机和平板电脑的普及,产生了越来越多的移动端客户流量,尽管基于手机和平板电脑的网络浏览器种类繁多,功能也都越来越完善,但限于较小的终端屏幕以及网络流量的问题,移动设备并不适合直接浏览各种基于桌面电脑登陆的网站,做为网站站长来说,有必要为自己的网站增加一个适合移动设备浏览的入口。

建立移动网站有很多种方法,主流的方法有自适应网页设计、移动网站、移动app应用三类,通过这些方法,可以在短时间内将一个已有的桌面网站转换为适合移动设备访问的网站。

一、自适应网页设计

自适应网页设计,就是让同一个网页代码,能够在不同设备上(从桌面电脑显示器到智能手机或其他移动产品设备)都能有更好的浏览体验,因此,站长在建站前,就要考虑好页面布局如何能适应多屏幕浏览,这样移动设备可以通过原网址来浏览桌面站点,这样能看到自动适应屏幕大小后的网站。尽管这种方式使得域名统一了,但如果对于结构复杂、页面反复的网站来说,代码设计具有相当高的难度。因此,通常自适应网页设计比较适合单栏或双栏网站,对于复杂版面较难设计。

由于自适应设计的内容使用同一个网址,不会出现重定向,因此对于访问用户来说,不必花时间记忆另外网址,对于网站开发者来说,改造单栏或双栏网站为自适应网站的开发较为简单,只需对CSS进行小修改即可。

对于网站的修改来说,只要在HTML头部增加viewport标签(控制显示尺寸、是否允许缩放、初始比例、上下限等)、MobileOptimized标签(微软为IE Mobile版设置的定义宽度标记)和HandheldFriendly标签(是否对手持设备友好,只有true或者false),在CSS文件尾部增加针对不同屏幕分辨率的规则,布局宽度使用相对宽度,隐藏侧栏,半小时的开发量就可以提升网站的手机移动浏览体验。

二、移动网站

移动网站是指对于现有的桌面网站,按照移动端的设计规则来重新建立一个移动网站,尽管内容和桌面网站一样,但却拥有两个不同网址。通常的移动网站使用子域名的方式实现,例如使用类似 wap.williamlong.info 或 m.williamlong.info 这样的地址,为移动用户专门定制,内容可以与桌面网站不同,桌面网站的网址检测到移动设备后自动重定向到移动网站页面。

移动网站可以支持非触屏智能手机和触屏智能手机,适合侧重移动设备或专门针对移动设备的网站,使用移动浏览器访问。

很多blog、cms建站程序都有桌面的移动页面入口,网站只需将移动设备用户引导到这个入口即可。通常有wap或HTML5等方式的建站方式。wap页面主要针对老式手机浏览器和2G用户,页面简洁,很省流量。
文章转载请注明出处:https://ynxy999.com/Article/view/id/4692.shtml

微信变透明后,谈自媒体“利用价值” - 炫烨科技从用户角度思考细节建设移动网站 - 炫烨科技

告诉我们您的需求

 我们将在一个工作日之内回复您
昆明地址:新闻路429号文化空间25层1055711410
安宁地址:安宁市县街镇麒麟路17号云南经济管理学院图书馆406室、305室ynxy999_com
免费热线:15287195860
售前热线:0871-68034467-999

Copyright 2011-2019,All Rights Reserved ynxy999.com co.ltd.云南炫烨科技有限公司 Powered by ynxy999.com 滇公网安备 53010202000225号  滇ICP备15002943号  [技术支持昆明锦华科技]