欢迎加入站点基地设计开发交流群:30720409
详细内容
手机网站怎么开发教程
发布日期:2013-01-19     点击:3895     字体:[ ]
随着智能手机的普及,开发手机网站已成为网络公司的主要业务,本文将介绍手机网站的基本开发步骤。

最爱顶级控 2012年度热门智能机之最大盘点

        A、首先我们要了解手机上网的特点

        手机屏幕一般在240 *320以上的称之为大屏幕手机。因为收的CPU频率低,不能像电脑一样快的浏览。做手机网站的时候像JS等要少用。手机上网速度慢,联通的3G网络还可以,但是费用却很高,浏览器众多,兼容性差。一不小心就显示不出来。

        了解了手机上网特点,我们可以确定手机网站制作原则。

        1.网站要要简洁,功能能不要的就删了。

        2.图片要少用,尽量用汉字,在高昂的网络资费中,有的用户会把图片的显示禁止了。以减免流量。

        3.网站尽可能的小点,页面太长则不适用浏览,用户体验不好,太宽手机打开显示不全,或者显示不工整。

        4.现在的手机大屏的,小屏的都要,所以在设计的时候都要考虑到。

        5.由于手机网站屏幕小的特点,用户在浏览的时候要尽量快的让用户查到自己需要的信息,因为手机屏幕的小用户寻找起来比价吃力,长时间的寻找,会给你的网站被大大的减分的。

        B、了解手机网站特点,就要开始写网站建设方案了,也就是网站开发流程。

        手机网站制作与WEB网站制作一样,需要从策划,草图,制作,等几方面来做手机网站.客户把手机网站制作需求单写好、首页样版设计风格确认、手机网站制作内容规划、业务流程根据wap网站的整体情况来规划.手机网站制作流程可从以下几点来做:

        1、分析建wap网站目的(建站要求),建立wap网站架构,时间允许的话编写具体的《wap网站建设方案》;

        2、根据架构(或者《网站建设方案》)完成初稿设计:

        wap首页风格

        各频道首页风格

        wap网站架构图:包括的栏目、子页面等一一列出

        这是网站的前台设计,属于美工的范畴;数据库的前台页面也要同时设计制作!

        3、审核确认前台设计后进行整体wap网站数据库的开发制作;

        4、前后台里链接;

        5、上传至空间,测试数据库!

        在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:网站需要实现哪些功能;网站开发使用什么软件,在什么样的硬件环境;需要多少人,多少时间;需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书,包括:网站的栏目和板块;网站的功能和相应的程序;网站的链接结构;如果有数据库,进行数据库的概念设计;网站的交互性和用户友好设计。

        在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案

        C、另外还有一些注意事项

        1、少数手机对CSS完全不支持;

        JavaScript部分

        这部分测试相对不那么让人抓狂,要么干脆不支持,如果支持的话,对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。

        在我们测试过的手机当中,支持(包括不完全支持)JavaScript的手机比例大约在一半左右,当然,对于我们来说,最重要的不是这个比例,而是要如何做好JavaScript的优雅降级。

        2、部分手机不支持png8和png24,所以尽量使用jpg和gif的图片

        3、另外对于平滑的渐变等精细的图片细节,部分手机的色彩支持度并不能达到要求,所以慎用有平滑渐变的bar设计

        4、部分手机对于超大图片,既不进行缩放,也不显示横下滚动条

        5、少数手机在打开超过20k的测试页面时,会显示内存不足

        6、开发中你需要注意的问题

        手机网页编码需要遵循什么规范?

        遵循XHTMLMobile Profile规范,简称为XHTML MP,也就是通常说的WAP2.0规范。 XHTMLMP 是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTMLBasic相同,XHTML MP是严格的XHTML 1.0子集。

        网页文档推荐使用扩展名?

        推荐命名为xhtml,按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。

        为什么现今大多数的网站一行字数上限为14个中文字符?

        由于手持设备的特殊性,其页面中实际文字大小未必是我们在CSS中设定的文字大小,尤其是在第三方浏览器中。例如Nokia5310,其内置浏览器页面内文字大小与CSS设定相符,但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试,其文本大概在16px左右。 假如屏幕分辨率宽度为240px,去除外边距,那么其一行显示14个字以内,是比较保险(避免文本换行)的做法。

用户评论
昵称 
内容  *
验证码   
   
相关文章 更多...  
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号 可人软件设计