200

簡述手機網(wǎng)站開發(fā)流程

時間: 2013-07-01 09:40:29   點擊數(shù): 62626   來源: 耐思智慧

免費會員注冊

目前手機上網(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設計是非常關鍵的一步。它主要確定:網(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完全不支持;

JavaScript部分

這部分測試相對不那么讓人抓狂,要么干脆不支持,如果支持的話,對基本的dom操作、事件等支持度都還不錯。但我們沒有測試過很復雜的腳本。

在我們測試過的手機當中,支持(包括不完全支持)JavaScript的手機比例大約在一半左右,當然,對于我們來說,最重要的不是這個比例,而是要如何做好JavaScript的優(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)站建設資料:

個人網(wǎng)站設計與網(wǎng)站制作
高等學校網(wǎng)站建設技術(shù)方案
商務網(wǎng)站建設的網(wǎng)頁 設計與網(wǎng)站程序開發(fā)
網(wǎng)站設計中查找瀏覽機制設 計研究
網(wǎng)購網(wǎng)站設計與制作方案
上一篇:網(wǎng)站建設前的設計規(guī)劃 下一篇:個人網(wǎng)站設計與網(wǎng)站制作

旗下網(wǎng)站:耐思智慧 - 淘域網(wǎng) - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版權(quán)所有 Copyright © 2000-2024 IISP.COM,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網(wǎng)安備 44049002000123號  域名注冊服務機構(gòu)許可:粵D3.1-20240003 CN域名代理自深圳萬維網(wǎng)

聲明:本網(wǎng)站中所使用到的其他各種版權(quán)內(nèi)容,包括但不限于文章、圖片、視頻、音頻、字體等內(nèi)容版權(quán)歸原作者所有,如權(quán)利所有人發(fā)現(xiàn),請及時告知,以便我們刪除版權(quán)內(nèi)容

本站程序界面、源代碼受相關法律保護, 未經(jīng)授權(quán), 嚴禁使用; 耐思智慧 © 為我公司注冊商標, 未經(jīng)授權(quán), 嚴禁使用

法律顧問:珠海知名律師 廣東篤行律師事務所 夏天風 律師