找回密码
 加入怎通
查看: 828|回复: 6

手机网站的开发流程

[复制链接]
asdx 发表于 2014-01-17 17:34:57 | 显示全部楼层 |阅读模式
手机网站的开发流程1 w& a1 ~# `+ x1 I% t) _

& Z" v, L! H3 d7 G5 T) V$ E9 J* A   目前手机上网的速度越来越快,手机的功能也越来越强大,手机网站开发也变得越来越繁荣,该如何做好手机网站的开发呢?+ ~" a, n9 p  }* G
A、首先我们要了解手机上网的特点 2 y8 F( T& V* W& t6 L
手机屏幕一般在240*320以上的称之为大屏幕手机。因为收的CPU频率低,不能像电脑一样快的浏览。做手机网站的时候像JS等要少用。手机上网速度慢,联通的3G网络还可以,但我都是喜欢支持中国移动我们国家自行研发的3G上网技术,浏览器众多,兼容性差。一不小心就显示不出来。 7 V1 `5 r1 G9 @3 `, O
了解了手机上功能点,我们可以确定手机网站制作原则。 5 ?  ~# ?0 `& u  O2 E9 u0 k
1.网站要简洁,功能能不要的就删了。
; j# c! o4 W' x4 A- E2 L2.图片要少用,尽量用汉字,在高昂的网络资费中,有的用户会把图片的显示禁止了。以减免流量。 7 w6 J9 k$ o) k/ q/ E* m" F
3.网站尽可能的小点,页面太长则不适用浏览,用户体验不好,太宽手机打开显示不全,或者显示不工整。 & B- d1 G3 Z) D' j, M5 |! O
4.现在的手机大屏的,小屏的都要,所以在设计的时候都要考虑到。
$ Z+ a% Y( l, H. M# t5.由于手机网站屏幕小的特点,用户在浏览的时候要尽量快的让用户查到自己需要的信息,因为手机屏幕的小用户寻找起来比价吃力,长时间的寻找,会给你的网站被大大的减分的。
/ c& Z' P2 I# |, c1 MB、了解手机网站特点,就要开始写网站建设方案了,也就是网站开发流程。 % B! V1 r3 }  {0 ^$ q5 V+ @9 a1 \
手机网站制作与WEB网站制作一样,需要从策划,草图,制作,等几方面来做手机网站.客户把手机网站制作需求单写好、首页样版设计风格确认、手机网站制作内容规划、业务流程根据wap网站的整体情况来规划.手机网站制作流程可从以下几点来做:
) S, b) ~3 g4 F, I. Q1、分析建wap网站目的(建站要求),建立wap网站架构,时间允许的话编写具体的《wap网站建设方案》;
. u, T" i" T4 A7 }& A8 J+ A! E2、根据架构(或者《网站建设方案》)完成初稿设计:* ~% F, [. [7 B# E% J
wap首页风格
, i$ `' j! `$ S2 C- @- ~& B各频道首页风格
" S% e1 Y6 q. l- ywap网站架构图:包括的栏目、子页面等一一列出9 e9 O0 F+ q+ I- f
这是网站的前台设计,属于美工的范畴;数据库的前台页面也要同时设计制作! " M0 J1 S& A+ F+ F  S' W
3、审核确认前台设计后进行整体wap网站数据库的开发制作;
! G8 y3 c( ^' a7 E4、前后台里链接;
$ c5 ?, l6 u$ D; [. z5、上传至空间,测试数据库!
2 D$ \- R6 Z% }- x  G! L% @在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:网站需要实现哪些功能;网站开发使用什么软件,在什么样的硬件环境;需要多少人,多少时间;需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书,包括:网站的栏目和板块;网站的功能和相应的程序;网站的链接结构;如果有数据库,进行数据库的概念设计;网站的交互性和用户友好设计。% H0 n& E; q3 h8 l# O' I6 T& L4 y4 n7 @
在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案
& r! g: U2 @  S6 L7 U7 ~0 pC、另外还有一些注意事项     网站建设免费体验:http://www.iisp.com/public/freetrial.php?s=asdx( b7 O6 t* t/ i* ^6 i( N4 L2 }
1、少数手机对CSS完全不支持;   |# C5 f3 O& b  W
JavaScript部分
) a' Q9 G* i/ H+ ~% x9 X4 z3 A这部分测试相对不那么让人抓狂,要么干脆不支持,如果支持的话,对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。 / c8 B' I% s! [: A/ l  D
在我们测试过的手机当中,支持(包括不完全支持)JavaScript的手机比例大约在一半左右,当然,对于我们来说,最重要的不是这个比例,而是要如何做好JavaScript的优雅降级。
5 F6 n' R$ y$ R$ x6 h* ~2、部分手机不支持png8和png24,所以尽量使用jpg和gif的图片
( E2 U6 S# b% N5 n* X- F; v( H) p3、另外对于平滑的渐变等精细的图片细节,部分手机的色彩支持度并不能达到要求,所以慎用有平滑渐变的bar设计 - s- O% D, W7 \6 W
4、部分手机对于超大图片,既不进行缩放,也不显示横下滚动条
/ r* _6 c2 s9 G8 }% x' P3 L5、少数手机在打开超过20k的测试页面时,会显示内存不足 9 c& x# O4 m8 V6 ^* l2 K$ c  {8 P
6、开发中你需要注意的问题 * b) @4 C. O8 M2 H* l* c
手机网页编码需要遵循什么规范?
5 R& y$ |: I. {4 B6 {0 L( o9 B遵循XHTMLMobile Profile规范,简称为XHTML MP,也就是通常说的WAP2.0规范。 XHTMLMP 是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTMLBasic相同,XHTML MP是严格的XHTML 1.0子集。
1 V% c6 j0 m0 K9 t) R网页文档推荐使用扩展名?
9 f: e% _. @. Q# g" }1 x. g推荐命名为xhtml,按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。
. m4 Q- n* W5 D, p3 B) G# e为什么现今大多数的网站一行字数上限为14个中文字符?
3 P3 D' ]4 L- B% H4 I! |9 Q由于手持设备的特殊性,其页面中实际文字大小未必是我们在CSS中设定的文字大小,尤其是在第三方浏览器中。 ; |) Q- R. |' L, G
手机网站开发的流程基本就是这样,终于手机域名申请的问题这里就不多做介绍了!# a1 l- ?& B# P

暂时无法加载帖子列表

回复

使用道具 举报

小女嘎嘎拽 发表于 2025-11-11 05:22:37 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

柳村 发表于 2025-11-11 05:23:14 | 显示全部楼层
说得很实在,没有夸大其词,这种真实分享太难得了
回复

使用道具 举报

其实我还好 发表于 2026-01-14 05:21:40 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

别致滴小伙 发表于 2026-04-28 07:00:51 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

m6662461 发表于 2026-05-25 22:22:12 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

广州电子游戏机 发表于 2026-09-11 09:21:08 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-10-26 22:06 , Processed in 0.054904 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表