手机网站制作要点

来源:龙创网络  阅读:624  日期:2013-08-08

手机网站制作与推广有别于PC推广。因为手机上网终端与PC上网终端的不同,使得手机网站的开发有别于PC网站的开发过程手机屏幕相对于PC来说比较小,因为移动网络速率的限制、流量的费等问题,减少网站浏览过程中产生的流量以及减少网站加载时间、提高网站访问的速度,所以手机网站页面的内容比较精简,主要可以从以下几点提高手机网站的访问速度:

1.精减图片,图片数量要减,尽量少用图片,特别是大尺寸图片;质量要精,保证手机网站上所用图片都经过压缩处理,在不影响肉眼能分辨的清晰度的前提下使用最小的图片;


2. 精简CSS、JavaScript、HTML等文件,用简练的程序语言去实现预期的效果,这个需要程序开发人员的专业知识的雄厚。            3. 开启服务器端(GZIP )压缩,GZIP 是若干文件压缩程序的简称,通常指GNU计划的

实现,此处的GZIP代表的就是GUN ZIP,这也是HTTP1.1协议定义的两种压缩方法中最常用的一种压缩方法,客户端浏览器大都支持这种压缩格式。对用户请求的页面进行压缩处理,以达到节省网络带宽,提高网站速度的作用

。可以通过在网站中安装在线压缩解压的脚本来实现在线压缩解压。对于支持php的主机,推荐faisun_zip和faisun_unzip。需要将这两个php文件上传到服务器端,然后在浏览器中输入实际地址即可访问。比如,安装到了根目录下,那么就应该访问http://yourdomain.com/faisun_unzip.php来访问执行。也可以直接将压缩包上传到服务器中,打开这个页面进行解压。也可以直接在这个页面上传压缩包来解压。还可以选择压缩释放的目录。首次使用需要配置自己的密码,具体请查看faisun_zip和faisun_unzip的说明。


3. 合理使用浏览器的缓存功能,要提高IE的访问速度,浏览器缓存是必不可少的。浏览器为了提高访问网页的速度,会采用累积式加速的方法,将用户访问过的网页内容(包括图片以及cookie文件等)存放在访客电脑里。这个存放空间,我们就称它为IE缓存。以后再次访问网站时,浏览器会首先搜索这个目录,如果其中已经有访问过的内容,那就不必从网上下载,而直接从缓存中调出来,从而大大提高了访问网站的速度。

4、可以充分利用手机触屏的优势,设计链接。

手机网站一般分:WAP版本,彩色版,3G版本要点如下:

1. 标记语言:你可以开发1.2和2.0同步版本的手机网站,目前的手机网站都有多版本选择,而且2.0版本更美观,1.2版本语言为WML标记语言,3G版本为XHTML标记语言,可以通过脚本控制版本的共存。

2. 脚本语言:有很多种,如脚本ASP、ASP.net、JSP、PHP等。任何一种脚本配合标记语言都可以制作一个动态网站。

3.网站开发工具:一般采用文本编辑工具,最常用的记事本为主;

4.网站版本:
制作手机网站一般都分几个版本,简版(1.0)针对一些处理能力差的低端手机,彩板(wap2.0)可以针对一些品牌的中端手机,3G版本一般用于大屏幕的智能设备,用Iphoe ,安卓手机(android)等。

5.手机屏幕:关于手机屏幕(低端手机分辨率是176x220,主流手机分辨率是240X 320,智能手机中屏幕360x480,大屏是480X854(安卓系统) ,iphoe4是540X960)
手机网站和WEB网站,因为他们面向的终端屏幕不同,手机屏幕分辨率要比电脑小得多。

6.WAP网站制作注意问题
wml语法比较严谨,语法稍微有一丁点错误就会显示报错,这也许是为手机的处理能力制定的,毕竟它没有电脑排错那么好。基础要点就先说到这来,手机网站设计者需要有计划的进行长期的手机浏览器兼容性测试,才能做到兼容更多手机浏览器的版本。

手机网站因为其页面篇幅的限制,在页面设计上需要注意以下几点:

1. 文字大小合适,在无需缩放的状态下,保证用户能清晰浏览内容2. 请向潜在客户展示您最主要的内容,突出重点、主次分明、简洁有序

3. 避免将PC页面上的内容直接拷贝到移动页面,需要精简和压缩

4. 设计清晰明显的导航链接,方便页面间的转移

使用移动兼容技术
尽量使用移动端兼容的技术,如HTML5、JPG等,不要使用Flash、插件等移动端不支持的技术。保证您的页面在手机上能正常展现

针对触摸屏进行设计
移动

互联网用户会使用带触摸屏的手机浏览您的网页,因此请确保交互元素(如:按钮、链接、输入框等)的大小适合手指点击。

突出产品及联系信息.


一个好手机网站需要包含以下内容:
1.对公司、产品和服务的详细介绍

2.明显的联系信息如电话、邮箱、QQ等;在移动页面上,最好提供电话拨打、在线沟通、地图路线查询等功能


手机版网站需要实现一些基本的功能:
1.页面的适用性问题:
对于移动终端,有不一样的分辨率与屏幕尺寸,如果还像电脑端的设计还限制网页的宽度为1003px或其他像素值,字体大小还用12px或14px,那么,不一样的终端的效果差别会很大。所以这里,最好让网页的宽度自适应屏幕

,还好,w3c在设计html的时候为我们考虑了这一点,只需一句话,就可以搞定,对于字体的话,我们就用em或ex为单位就好 。

2.版本制作问题:
移动页面往往针对不同的手机设置不同的版本,一般有精简版,标准版,3G版,触屏版,智能手机版等等,这些除了在页面设计上有不同外,页面语言也会不同的。精简版采用wap 1.0 的wml脚本编写,这个通用性以前很强,

很多国产手机都支持这个语言的,但这个语言是很精简的。标准版的一般可以采用wap 2.0技术,对应的脚本语言是xhtml mp(xhtml mobile profile),这个语言是xhtml的子集,这个并且支持大部分的css,基本上和电脑版的

差不多,但一般不能用js,这是考虑到这些手机是不支持js的。对于智能手机版,由于现在的智能手机都支持js,这个版本的制作上就简单多了,不过,又由于大部分智能手机(基本上除去塞班手机,包括Android,ios,wp7

等)都支持Html5,因此,智能手版可以采用html5来制作。

3.版本控制问题:
可能这部分是比较不好解决的,怎么智能判断手机的最佳版本并跳转,可以从这几个方面考虑。一方面,可以想办法得到手机的操作系统,比如,Android的,ios的,就可以跳转到html5版了,windows系统,毫无疑问电脑版

,获得手机系统,可能通过得到手机型号,现在的方法是通过浏览器的UA(user agent),获得手机的一些信息,简单一点的,直接可以通过UA判断手机的制造产商。要想获得更多的信息,就得有一个数据库,因为不同手机型

号会有不一样的UA信息,世界上的手机有很多,自己要想做一个这样的数据库还是很难的,不过,已经有人为我们做好了这样的数据库,或者更方便的,做好了一个识别手机适用最佳版本的函数库,这里我推荐用Wurfl。另一

方面,可以通过页面的脚本来判断浏览器对js和html5的支持。

4.手机版本的大小问题:
一般来说,对于精简版和普通版的手机网页,我们是做得越精简越好,能省的代码最好省去,毕竟现在手机流量对用户来说还是很宝贵的。比如元素命名,一般页面少的话,命名越短越好,css最好写在一行。css中,有些元

素是继承父类的样式的,不用重复定义,善用默认值。

5.浏览器缓存:
如果再更新不快的情况下,最好开启浏览器缓存。

以上是合肥龙创网络技术人员在手机网站制作过程中的经验之谈,在即将爆发的移动互联时代,企业手机网站成为热捧,但是如何开发更加实用友好的手机网站,还需要网站建设人员的探究。

热门标签

      <kbd id='IQ2QSp5tQ'></kbd><address id='IQ2QSp5tQ'><style id='IQ2QSp5tQ'></style></address><button id='IQ2QSp5tQ'></button>

              <kbd id='IQ2QSp5tQ'></kbd><address id='IQ2QSp5tQ'><style id='IQ2QSp5tQ'></style></address><button id='IQ2QSp5tQ'></button>