网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科
简体

开发手机网站的流程及应用到的软件

时间:2015-04-14 来源:尚品中国 类型:网站百科
字号:   

开发手机网站的流程

目前手机上网的速度越来越快,手机的功能也越来越强大,手机网站开发也变得越来越繁荣,该如何做好手机网站建设的开发呢?
开发手机网站的流程

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

手机屏幕一般在240*320以上的称之为大屏幕手机。因为收的CPU频率低,不能像电脑一样快的浏览。做手机网站的时候像JS等要少用。手机上网速度慢,联通的3G网络还可以,但我都是喜欢支持中国移动我们国家自行研发的3G上网技术,浏览器众多,兼容性差。一不小心就显示不出来。

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

1.网站要简洁,功能能不要的就删了。2.图片要少用,尽量用汉字,在高昂的网络资费中,有的用户会把图片的显示禁止了。以减免流量。3.网站尽可能的小点,页面太长则不适用浏览,用户体验不好,太宽手机打开显示不全,或者显示不工整。4.现在的手机大屏的,小屏的都要,所以在设计的时候都要考虑到。5.由于手机网站屏幕小的特点,用户在浏览的时候要尽量快的让用户查到自己需要的信息,因为手机屏幕的小用户寻找起来比价吃力,长时间的寻找,会给你的网站被大大的减分的。

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

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

1、分析建wap网站目的(建站要求),建立wap网站架构,时间允许的话编写具体的《wap网站建设方案》;2、根据架构(或者《网站建设方案》)完成初稿设计:wap首页风格各频道首页风格wap网站架构图:包括的栏目、子页面等一一列出这是网站的前台设计,属于美工的范畴;数据库的前台页面也要同时设计制作!3、审核确认前台设计后进行整体wap网站数据库的开发制作;4、前后台里链接;5、上传至空间,测试数据库!

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

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

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

1、少数手机对CSS完全不支持;Java锝擄絻锝掞綁锝愶綌部分这部分测试相对不那么让人抓狂,要么干脆不支持,如果支持的话,对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。在我们测试过的手机当中,支持(包括不完全支持)Java锝擄絻锝掞綁锝愶綌的手机比例大约在一半左右,当然,对于我们来说,最重要的不是这个比例,而是要如何做好Java锝擄絻锝掞綁锝愶綌的优雅降级。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中设定的文字大小,尤其是在第三方浏览器中。

手机网站开发的流程基本就是这样,终于手机域名申请的问题这里就不多做介绍了!

下面和尚品中国网站建设公司和大家说一下开发手机网站都需要什么软件吧?

其实开发手机用的软件和开发pc端用的软件一样,只不过用的框架比较多,下面给大家介绍一下常用的手机框架有哪些?

手机框架

1. LungoJS

这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需使用图片,全部采用向量声称。

Lungo.JS 无需服务器端支持,可帮助实现 HTML5 特性,包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架,可用来创建应用、游戏等程序。

2.Kendo UI

Kendo UI是一个HTML5平台,开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件,如图表、组合框以及常用表格。

3.Jo

该框架可以创建像本地一样的应用,并且兼容任何操作系统,无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。

4.Sencha Touch

Sencha Touch是第一个基于HTML5的移动应用框架,利用JavaScript、HTML5和CSS3来构建移动应用程序,该框架利用本地代理存储离线数据,具体使用HTML5来渲染视频和音频组件。

可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的Web标准,全面兼容Android和Apple iOS设备。

5. Framework

Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。

6.LimeJS

LimeJS 是一个 JavaScript 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。

7. G5 Framework

如果你想要快速实现Web开发,并且想要重用ant主题或应用程序或网站项目,那么G5 框架是您最好的选择,因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外,它还集成其他许多功能,例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

8.jQuery Mobile

jQuery Mobile(jQueryMobile)是 jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。

9.Phone Gap

PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone,Android,Palm,Symbian,Blackberry,Windows Phone和Beda智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等。


扫描左侧二维码添加客户经理微信

010-60259772

请提供您的联系电话,尚品中国项目经理会尽快与您联系。