手机网站制作要点

您的位置: 首页 > > 建站常识 > > 详细内容

手机网站制作与推广有别于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.浏览器缓存:
如果再更新不快的情况下,最好开启浏览器缓存。

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

龙创网络凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为3000多家客户提供品质建站服务,得到了客户的一致好评。如果您有企业网站建设网站改版网站维护域名注册主机空间手机网站建设网站备案等方面的需求...
请立即点击咨询我们或拨打咨询热线:0551-63652142,我们会详细为你一一解答你心中的疑难。 在线咨询客服

相关阅读

猜您喜欢

Copyright © 2011- 合肥龙创网络科技有限公司   互联网备案号:皖ICP备11008473号-5