手机网站的开发流程
! P9 b, K6 V2 O/ e: E5 Y( s* d. O5 n# o" D+ h
目前手机上网的速度越来越快,手机的功能也越来越强大,手机网站开发也变得越来越繁荣,该如何做好手机网站的开发呢?
! R5 p. z; D- ^* K. n$ B% fA、首先我们要了解手机上网的特点 % ?9 r4 L" Q4 s' ?) X
手机屏幕一般在240*320以上的称之为大屏幕手机。因为收的CPU频率低,不能像电脑一样快的浏览。做手机网站的时候像JS等要少用。手机上网速度慢,联通的3G网络还可以,但我都是喜欢支持中国移动我们国家自行研发的3G上网技术,浏览器众多,兼容性差。一不小心就显示不出来。
$ U! ]( s' j5 D8 } t8 _了解了手机上功能点,我们可以确定手机网站制作原则。
9 Q& h6 C1 E; C1.网站要简洁,功能能不要的就删了。 3 R/ p/ @5 l5 N9 G& S
2.图片要少用,尽量用汉字,在高昂的网络资费中,有的用户会把图片的显示禁止了。以减免流量。
: r8 Q) S# j+ m% A. ]3.网站尽可能的小点,页面太长则不适用浏览,用户体验不好,太宽手机打开显示不全,或者显示不工整。
% Q, s8 V! u A7 o; F+ N. R& \/ k4.现在的手机大屏的,小屏的都要,所以在设计的时候都要考虑到。
% O5 N! Y' Y- G6 v5.由于手机网站屏幕小的特点,用户在浏览的时候要尽量快的让用户查到自己需要的信息,因为手机屏幕的小用户寻找起来比价吃力,长时间的寻找,会给你的网站被大大的减分的。 , L! h! z6 D+ A3 k
B、了解手机网站特点,就要开始写网站建设方案了,也就是网站开发流程。
' N; s. s8 B4 j" R" w+ U) L* l8 U手机网站制作与WEB网站制作一样,需要从策划,草图,制作,等几方面来做手机网站.客户把手机网站制作需求单写好、首页样版设计风格确认、手机网站制作内容规划、业务流程根据wap网站的整体情况来规划.手机网站制作流程可从以下几点来做:
; {: I+ R$ U6 m$ c3 H5 ^1、分析建wap网站目的(建站要求),建立wap网站架构,时间允许的话编写具体的《wap网站建设方案》;
9 }! |1 J8 D! H" D0 L I2、根据架构(或者《网站建设方案》)完成初稿设计:9 K @3 X( R( ~1 F" M
wap首页风格
/ i( J. p+ G4 m: V, r各频道首页风格7 J) u! A, r3 I8 f9 ~2 X
wap网站架构图:包括的栏目、子页面等一一列出2 l; A6 A& r) W$ Z
这是网站的前台设计,属于美工的范畴;数据库的前台页面也要同时设计制作! m# d# Y! T( q! h( L
3、审核确认前台设计后进行整体wap网站数据库的开发制作; . e7 S6 h9 y6 R/ q
4、前后台里链接;
9 [. Y4 D/ Q+ X& x1 J! u5、上传至空间,测试数据库! + q h8 O/ y& G! c: S0 b# o( b( A
在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:网站需要实现哪些功能;网站开发使用什么软件,在什么样的硬件环境;需要多少人,多少时间;需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书,包括:网站的栏目和板块;网站的功能和相应的程序;网站的链接结构;如果有数据库,进行数据库的概念设计;网站的交互性和用户友好设计。
) ]. o' @5 F" z$ \; f. p0 @: q在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案 : N# c, P: c# d- _1 {) V
C、另外还有一些注意事项 网站建设免费体验:http://www.iisp.com/public/freetrial.php?s=asdx
/ Y& a* C/ n+ _" m& H1、少数手机对CSS完全不支持; 9 q2 o% q* [" j; j6 W5 H
JavaScript部分 8 i- d: v2 M' [+ S* E; g
这部分测试相对不那么让人抓狂,要么干脆不支持,如果支持的话,对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。 # F" d, @& _5 j* B3 v! v
在我们测试过的手机当中,支持(包括不完全支持)JavaScript的手机比例大约在一半左右,当然,对于我们来说,最重要的不是这个比例,而是要如何做好JavaScript的优雅降级。 % E6 z# s& u! F. Q
2、部分手机不支持png8和png24,所以尽量使用jpg和gif的图片 * {& T' `; E7 |* k3 s
3、另外对于平滑的渐变等精细的图片细节,部分手机的色彩支持度并不能达到要求,所以慎用有平滑渐变的bar设计 % m: J& |2 Y# C; E
4、部分手机对于超大图片,既不进行缩放,也不显示横下滚动条
& H: C) M x# G' F% h6 v& _+ _* U5、少数手机在打开超过20k的测试页面时,会显示内存不足 + z1 Y8 J: D0 M0 h- E5 R
6、开发中你需要注意的问题 7 p6 j. p% H+ v3 F4 d0 E
手机网页编码需要遵循什么规范? $ P; a3 p/ x) X. X
遵循XHTMLMobile Profile规范,简称为XHTML MP,也就是通常说的WAP2.0规范。 XHTMLMP 是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTMLBasic相同,XHTML MP是严格的XHTML 1.0子集。 2 t; j! q% K; r. ?' p9 N @
网页文档推荐使用扩展名? # d1 D" w8 U% D' N, F7 P$ }/ k
推荐命名为xhtml,按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。
) I+ h' c5 K; P( A( v8 K1 a为什么现今大多数的网站一行字数上限为14个中文字符? 5 x" w: F9 S$ R" E9 Y. y
由于手持设备的特殊性,其页面中实际文字大小未必是我们在CSS中设定的文字大小,尤其是在第三方浏览器中。
1 u% ^- w% g0 e* h3 z手机网站开发的流程基本就是这样,终于手机域名申请的问题这里就不多做介绍了!" ~+ z: U0 {7 v/ W
|