開發(fā)手機(jī)網(wǎng)站的流程

目前手機(jī)上網(wǎng)的速度越來越快，手機(jī)的功能也越來越強(qiáng)大，手機(jī)網(wǎng)站開發(fā)也變得越來越繁榮，該如何做好手機(jī)網(wǎng)站建設(shè)的開發(fā)呢？
A、首先我們要了解手機(jī)上網(wǎng)的特點(diǎn)

手機(jī)屏幕一般在240*320以上的稱之為大屏幕手機(jī)。因?yàn)槭盏腃PU頻率低，不能像電腦一樣快的瀏覽。做手機(jī)網(wǎng)站的時(shí)候像JS等要少用。手機(jī)上網(wǎng)速度慢，聯(lián)通的3G網(wǎng)絡(luò)還可以，但我都是喜歡支持中國(guó)移動(dòng)我們國(guó)家自行研發(fā)的3G上網(wǎng)技術(shù)，瀏覽器眾多，兼容性差。一不小心就顯示不出來。

了解了手機(jī)上功能點(diǎn)，我們可以確定手機(jī)網(wǎng)站制作原則。

1.網(wǎng)站要簡(jiǎn)潔，功能能不要的就刪了。2.圖片要少用，盡量用漢字，在高昂的網(wǎng)絡(luò)資費(fèi)中，有的用戶會(huì)把圖片的顯示禁止了。以減免流量。3.網(wǎng)站盡可能的小點(diǎn)，頁面太長(zhǎng)則不適用瀏覽，用戶體驗(yàn)不好，太寬手機(jī)打開顯示不全，或者顯示不工整。4.現(xiàn)在的手機(jī)大屏的，小屏的都要，所以在設(shè)計(jì)的時(shí)候都要考慮到。5.由于手機(jī)網(wǎng)站屏幕小的特點(diǎn)，用戶在瀏覽的時(shí)候要盡量快的讓用戶查到自己需要的信息，因?yàn)槭謾C(jī)屏幕的小用戶尋找起來比價(jià)吃力，長(zhǎng)時(shí)間的尋找，會(huì)給你的網(wǎng)站被大大的減分的。

B、了解手機(jī)網(wǎng)站特點(diǎn)，就要開始寫網(wǎng)站建設(shè)方案了，也就是網(wǎng)站開發(fā)流程。

手機(jī)網(wǎng)站制作與WEB網(wǎng)站制作一樣,需要從策劃,草圖,制作,等幾方面來做手機(jī)網(wǎng)站.客戶把手機(jī)網(wǎng)站制作需求單寫好、首頁樣版設(shè)計(jì)風(fēng)格確認(rèn)、手機(jī)網(wǎng)站制作內(nèi)容規(guī)劃、業(yè)務(wù)流程根據(jù)wap網(wǎng)站的整體情況來規(guī)劃.手機(jī)網(wǎng)站制作流程可從以下幾點(diǎn)來做：

1、分析建wap網(wǎng)站目的（建站要求），建立wap網(wǎng)站架構(gòu)，時(shí)間允許的話編寫具體的《wap網(wǎng)站建設(shè)方案》；2、根據(jù)架構(gòu)（或者《網(wǎng)站建設(shè)方案》）完成初稿設(shè)計(jì)：wap首頁風(fēng)格各頻道首頁風(fēng)格wap網(wǎng)站架構(gòu)圖：包括的欄目、子頁面等一一列出這是網(wǎng)站的前臺(tái)設(shè)計(jì)，屬于美工的范疇；數(shù)據(jù)庫(kù)的前臺(tái)頁面也要同時(shí)設(shè)計(jì)制作！3、審核確認(rèn)前臺(tái)設(shè)計(jì)后進(jìn)行整體wap網(wǎng)站數(shù)據(jù)庫(kù)的開發(fā)制作；4、前后臺(tái)里鏈接；5、上傳至空間，測(cè)試數(shù)據(jù)庫(kù)！

在拿到客戶的需求說明后，并不是直接開始制作，而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)出一份網(wǎng)站建設(shè)方案給客戶。總體設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實(shí)現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時(shí)間；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時(shí)需要寫一份總體規(guī)劃說明書，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；如果有數(shù)據(jù)庫(kù)，進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì)；網(wǎng)站的交互性和用戶友好設(shè)計(jì)。

在總體設(shè)計(jì)出來后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案

C、另外還有一些注意事項(xiàng)

1、少數(shù)手機(jī)對(duì)CSS完全不支持；Java锝擄絻锝掞綁锝愶綌部分這部分測(cè)試相對(duì)不那么讓人抓狂，要么干脆不支持，如果支持的話，對(duì)基本的dom操作、事件等支持度都還不錯(cuò)。但我們沒有測(cè)試過很復(fù)雜的腳本。在我們測(cè)試過的手機(jī)當(dāng)中，支持（包括不完全支持）Java锝擄絻锝掞綁锝愶綌?shù)氖謾C(jī)比例大約在一半左右，當(dāng)然，對(duì)于我們來說，最重要的不是這個(gè)比例，而是要如何做好Java锝擄絻锝掞綁锝愶綌?shù)膬?yōu)雅降級(jí)。2、部分手機(jī)不支持png8和png24，所以盡量使用jpg和gif的圖片3、另外對(duì)于平滑的漸變等精細(xì)的圖片細(xì)節(jié)，部分手機(jī)的色彩支持度并不能達(dá)到要求，所以慎用有平滑漸變的bar設(shè)計(jì)4、部分手機(jī)對(duì)于超大圖片，既不進(jìn)行縮放，也不顯示橫下滾動(dòng)條5、少數(shù)手機(jī)在打開超過20k的測(cè)試頁面時(shí)，會(huì)顯示內(nèi)存不足6、開發(fā)中你需要注意的問題

手機(jī)網(wǎng)頁編碼需要遵循什么規(guī)范？

遵循XHTMLMobile Profile規(guī)范，簡(jiǎn)稱為XHTML MP，也就是通常說的WAP2.0規(guī)范。 XHTMLMP 是為不支持XHTML的全部特性且資源有限的客戶端所設(shè)計(jì)的。它以XHTML Basic為基礎(chǔ)，加入了一些來自XHTML 1.0的元素和屬性。這些內(nèi)容包括一些其他元素和對(duì)內(nèi)部樣式表的支持。和XHTMLBasic相同，XHTML MP是嚴(yán)格的XHTML 1.0子集。網(wǎng)頁文檔推薦使用擴(kuò)展名？

推薦命名為xhtml，按WAP2.0的規(guī)范標(biāo)準(zhǔn)寫成html/htm等也是可以的。但少數(shù)手機(jī)對(duì)html支持的不好。

為什么現(xiàn)今大多數(shù)的網(wǎng)站一行字?jǐn)?shù)上限為14個(gè)中文字符？

由于手持設(shè)備的特殊性，其頁面中實(shí)際文字大小未必是我們?cè)贑SS中設(shè)定的文字大小，尤其是在第三方瀏覽器中。

手機(jī)網(wǎng)站開發(fā)的流程基本就是這樣，終于手機(jī)域名申請(qǐng)的問題這里就不多做介紹了！

下面和快幫云網(wǎng)站建設(shè)公司和大家說一下開發(fā)手機(jī)網(wǎng)站都需要什么軟件吧？

其實(shí)開發(fā)手機(jī)用的軟件和開發(fā)pc端用的軟件一樣，只不過用的框架比較多，下面給大家介紹一下常用的手機(jī)框架有哪些？



1. LungoJS

這個(gè)是被認(rèn)為開發(fā)移動(dòng)網(wǎng)站最好的HTML5開發(fā)框架，使用 HTML5/CSS3 和 JavaScript 技術(shù)。可幫助創(chuàng)建基于 iOS、 Android、 Blackberry 和 WebOS 平臺(tái)的應(yīng)用程序。該框架可利用當(dāng)前移動(dòng)設(shè)備的高級(jí)特性，可捕捉事件包括滑動(dòng)、觸屏、長(zhǎng)按等。無需使用圖片，全部采用向量聲稱。

Lungo.JS 無需服務(wù)器端支持，可幫助實(shí)現(xiàn) HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個(gè)完全可定制的框架，可用來創(chuàng)建應(yīng)用、游戲等程序。

2.Kendo UI

Kendo UI是一個(gè)HTML5平臺(tái)，開發(fā)者利用它可以開發(fā)新穎的、交互的移動(dòng)應(yīng)用程序和網(wǎng)站。該框架提供了大量的動(dòng)畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件，如圖表、組合框以及常用表格。

3.Jo

該框架可以創(chuàng)建像本地一樣的應(yīng)用，并且兼容任何操作系統(tǒng)，無論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動(dòng)畫設(shè)計(jì)方面的問題。

4.Sencha Touch

Sencha Touch是第一個(gè)基于HTML5的移動(dòng)應(yīng)用框架，利用JavaScript、HTML5和CSS3來構(gòu)建移動(dòng)應(yīng)用程序，該框架利用本地代理存儲(chǔ)離線數(shù)據(jù)，具體使用HTML5來渲染視頻和音頻組件。

可以讓你的Web App看起來就像本地應(yīng)用程序一樣。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的Web標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。

5. Framework

Framework擁有16列的網(wǎng)格模板。該框架來自于CSS3樣式里的新“Selection”、陰影、圓角以及有效的HTML5標(biāo)記。該框架還提供了一些特殊的腳本和樣式用于IE6。

6.LimeJS

LimeJS 是一個(gè) JavaScript 游戲開發(fā)框架，用于快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。允許開發(fā)者創(chuàng)建基于 HTML5 的游戲，支持主流瀏覽器包括iOS。

7. G5 Framework

如果你想要快速實(shí)現(xiàn)Web開發(fā)，并且想要重用ant主題或應(yīng)用程序或網(wǎng)站項(xiàng)目，那么G5 框架是您最好的選擇，因?yàn)樵摽蚣苤荚谔嵘_發(fā)效率、減少代碼。該框架采用特色的PHP激活類、SEO優(yōu)化技術(shù)。除了G5自身所帶的這些功能特性外，它還集成其他許多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

8.jQuery Mobile

jQuery Mobile(jQueryMobile)是 jQuery在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會(huì)給主流移動(dòng)平臺(tái)帶來jQuery核心庫(kù)，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。jQuery Mobile開發(fā)團(tuán)隊(duì)說：能開發(fā)這個(gè)項(xiàng)目，我們非常興奮。移動(dòng)Web太需要一個(gè)跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動(dòng)Web網(wǎng)站。我們將盡全力去滿足這樣的需求。

9.Phone Gap

PhoneGap是一個(gè)開源的開發(fā)框架，使用HTML，CSS和JavaScript來構(gòu)建跨平臺(tái)的的移動(dòng)應(yīng)用程序。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動(dòng)等。