開發手機網站的流程及應用到的軟件

開發手機網站的流程

目前手機上網的速度越來越快，手機的功能也越來越強大，手機網站開發也變得越來越繁榮，該如何做好手機網站建設的開發呢？
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智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等。