開發(fā)手機網(wǎng)站的流程目前手機上網(wǎng)的速度越來越快,手機的功能也越來越強大,手機網(wǎng)站開發(fā)也變得越來越繁榮,該如何做好
手機網(wǎng)站建設的開發(fā)呢?
A、首先我們要了解手機上網(wǎng)的特點手機屏幕一般在240*320以上的稱之為大屏幕手機。因為收的CPU頻率低,不能像電腦一樣快的瀏覽。
做手機網(wǎng)站的時候像JS等要少用。手機上網(wǎng)速度慢,聯(lián)通的3G網(wǎng)絡還可以,但我都是喜歡支持中國移動我們國家自行研發(fā)的3G上網(wǎng)技術(shù),瀏覽器眾多,兼容性差。一不小心就顯示不出來。
了解了手機上功能點,我們可以確定手機
網(wǎng)站制作原則。
1.網(wǎng)站要簡潔,功能能不要的就刪了。2.圖片要少用,盡量用漢字,在高昂的網(wǎng)絡資費中,有的用戶會把圖片的顯示禁止了。以減免流量。3.網(wǎng)站盡可能的小點,頁面太長則不適用瀏覽,用戶體驗不好,太寬手機打開顯示不全,或者顯示不工整。4.現(xiàn)在的手機大屏的,小屏的都要,所以在設計的時候都要考慮到。5.由于手機網(wǎng)站屏幕小的特點,用戶在瀏覽的時候要盡量快的讓用戶查到自己需要的信息,因為手機屏幕的小用戶尋找起來比價吃力,長時間的尋找,會給你的網(wǎng)站被大大的減分的。
B、了解手機網(wǎng)站特點,就要開始寫網(wǎng)站建設方案了,也就是網(wǎng)站開發(fā)流程。手機網(wǎng)站制作與WEB網(wǎng)站制作一樣,需要從策劃,草圖,制作,等幾方面來做手機網(wǎng)站.客戶把手機網(wǎng)站制作需求單寫好、首頁樣版設計風格確認、手機
網(wǎng)站制作內(nèi)容規(guī)劃、業(yè)務流程根據(jù)wap網(wǎng)站的整體情況來規(guī)劃.
手機網(wǎng)站制作流程可從以下幾點來做:
1、分析建wap網(wǎng)站目的(
建站要求),建立wap網(wǎng)站架構(gòu),時間允許的話編寫具體的《wap網(wǎng)站建設方案》;2、根據(jù)架構(gòu)(或者《網(wǎng)站建設方案》)完成初稿設計:wap首頁風格各頻道首頁風格wap網(wǎng)站架構(gòu)圖:包括的欄目、子頁面等一一列出這是網(wǎng)站的前臺設計,屬于美工的范疇;數(shù)據(jù)庫的前臺頁面也要同時設計制作!3、審核確認前臺設計后進行整體wap網(wǎng)站數(shù)據(jù)庫的開發(fā)制作;4、前后臺里鏈接;5、上傳至空間,測試數(shù)據(jù)庫!
在拿到客戶的需求說明后,并不是直接開始制作,而是需要對項目進行總體設計,詳細設計出一份網(wǎng)站建設方案給客戶??傮w設計是非常關(guān)鍵的一步。它主要確定:網(wǎng)站需要實現(xiàn)哪些功能;
網(wǎng)站開發(fā)使用什么軟件,在什么樣的硬件環(huán)境;需要多少人,多少時間;需要遵循的規(guī)則和標準有哪些。同時需要寫一份總體規(guī)劃說明書,包括:網(wǎng)站的欄目和板塊;網(wǎng)站的功能和相應的程序;網(wǎng)站的鏈接結(jié)構(gòu);如果有數(shù)據(jù)庫,進行數(shù)據(jù)庫的概念設計;網(wǎng)站的交互性和用戶友好設計。
在總體設計出來后,一般需要給客戶一個網(wǎng)站建設方案。很多網(wǎng)頁制作公司在接洽業(yè)務時就被客戶要求提供方案
C、另外還有一些注意事項1、少數(shù)手機對CSS完全不支持;Java锝擄絻锝掞綁锝愶綌部分這部分測試相對不那么讓人抓狂,要么干脆不支持,如果支持的話,對基本的dom操作、事件等支持度都還不錯。但我們沒有測試過很復雜的腳本。在我們測試過的手機當中,支持(包括不完全支持)Java锝擄絻锝掞綁锝愶綌?shù)氖謾C比例大約在一半左右,當然,對于我們來說,最重要的不是這個比例,而是要如何做好Java锝擄絻锝掞綁锝愶綌?shù)膬?yōu)雅降級。2、部分手機不支持png8和png24,所以盡量使用jpg和gif的圖片3、另外對于平滑的漸變等精細的圖片細節(jié),部分手機的色彩支持度并不能達到要求,所以慎用有平滑漸變的bar設計4、部分手機對于超大圖片,既不進行縮放,也不顯示橫下滾動條5、少數(shù)手機在打開超過20k的測試頁面時,會顯示內(nèi)存不足6、開發(fā)中你需要注意的問題
手機網(wǎng)頁編碼需要遵循什么規(guī)范?
遵循XHTMLMobile Profile規(guī)范,簡稱為XHTML MP,也就是通常說的WAP2.0規(guī)范。 XHTMLMP 是為不支持XHTML的全部特性且資源有限的客戶端所設計的。它以XHTML Basic為基礎,加入了一些來自XHTML 1.0的元素和屬性。這些內(nèi)容包括一些其他元素和對內(nèi)部樣式表的支持。和XHTMLBasic相同,XHTML MP是嚴格的XHTML 1.0子集。網(wǎng)頁文檔推薦使用擴展名?
推薦命名為xhtml,按WAP2.0的規(guī)范標準寫成html/htm等也是可以的。但少數(shù)手機對html支持的不好。
為什么現(xiàn)今大多數(shù)的網(wǎng)站一行字數(shù)上限為14個中文字符?
由于手持設備的特殊性,其頁面中實際文字大小未必是我們在CSS中設定的文字大小,尤其是在第三方瀏覽器中。
手機網(wǎng)站開發(fā)的流程基本就是這樣,終于手機域名申請的問題這里就不多做介紹了!
下面和創(chuàng)新互聯(lián)網(wǎng)站建設公司和大家說一下開發(fā)手機網(wǎng)站都需要什么軟件吧?其實開發(fā)手機用的軟件和開發(fā)pc端用的軟件一樣,只不過用的框架比較多,下面給大家介紹一下常用的手機框架有哪些?
1. LungoJS這個是被認為開發(fā)移動網(wǎng)站好的HTML5開發(fā)框架,使用 HTML5/CSS3 和 JavaScript 技術(shù)??蓭椭鷦?chuàng)建基于 iOS、 Android、 Blackberry 和 WebOS 平臺的應用程序。該框架可利用當前移動設備的高級特性,可捕捉事件包括滑動、觸屏、長按等。無需使用圖片,全部采用向量聲稱。
Lungo.JS 無需服務器端支持,可幫助實現(xiàn) HTML5 特性,包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個完全可定制的框架,可用來創(chuàng)建應用、游戲等程序。
2.Kendo UIKendo UI是一個HTML5平臺,開發(fā)者利用它可以開發(fā)新穎的、交互的移動應用程序和網(wǎng)站。該框架提供了大量的動畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件,如圖表、組合框以及常用表格。
3.Jo該框架可以創(chuàng)建像本地一樣的應用,并且兼容任何操作系統(tǒng),無論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動畫設計方面的問題。
4.Sencha TouchSencha Touch是第一個基于HTML5的移動應用框架,利用JavaScript、HTML5和CSS3來構(gòu)建移動應用程序,該框架利用本地代理存儲離線數(shù)據(jù),具體使用HTML5來渲染視頻和音頻組件。
可以讓你的Web App看起來就像本地應用程序一樣。美麗的用戶界面組件和豐富的數(shù)據(jù)管理,全部基于最新的HTML5和CSS3的Web標準,全面兼容Android和Apple iOS設備。
5. FrameworkFramework擁有16列的網(wǎng)格模板。該框架來自于CSS3樣式里的新“Selection”、陰影、圓角以及有效的HTML5標記。該框架還提供了一些特殊的腳本和樣式用于IE6。
6.LimeJS
LimeJS 是一個 JavaScript 游戲開發(fā)框架,用于快速構(gòu)建運行于觸屏設備和桌面瀏覽器的游戲。允許開發(fā)者創(chuàng)建基于 HTML5 的游戲,支持主流瀏覽器包括iOS。
7. G5 Framework如果你想要快速實現(xiàn)Web開發(fā),并且想要重用ant主題或應用程序或網(wǎng)站項目,那么G5 框架是您好的選擇,因為該框架旨在提升開發(fā)效率、減少代碼。該框架采用特色的PHP激活類、SEO優(yōu)化技術(shù)。除了G5自身所帶的這些功能特性外,它還集成其他許多功能,例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。
8.jQuery MobilejQuery Mobile(jQueryMobile)是 jQuery在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫,而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發(fā)團隊說:能開發(fā)這個項目,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。我們將盡全力去滿足這樣的需求。
9.Phone GapPhoneGap是一個開源的開發(fā)框架,使用HTML,CSS和JavaScript來構(gòu)建跨平臺的的移動應用程序。它使開發(fā)者能夠利用iPhone,Android,Palm,Symbian,Blackberry,Windows Phone和Beda智能手機的核心功能——包括地理定位,加速器,聯(lián)系人,聲音和振動等。
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)