A、首先我們要了解手機(jī)上網(wǎng)的特點(diǎn)
手機(jī)屏幕一般在240*320以上的稱(chēng)之為大屏幕手機(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ù),瀏覽器眾多,兼容性差。一不小心就顯示不出來(lái)。
了解了手機(jī)上功能點(diǎn),我們可以確定手機(jī)網(wǎng)站制作原則。
1.網(wǎng)站要簡(jiǎn)潔,功能能不要的就刪了。2.圖片要少用,盡量用漢字,在高昂的網(wǎng)絡(luò)資費(fèi)中,有的用戶(hù)會(huì)把圖片的顯示禁止了。以減免流量。3.網(wǎng)站盡可能的小點(diǎn),頁(yè)面太長(zhǎng)則不適用瀏覽,用戶(hù)體驗(yàn)不好,太寬手機(jī)打開(kāi)顯示不全,或者顯示不工整。4.現(xiàn)在的手機(jī)大屏的,小屏的都要,所以在設(shè)計(jì)的時(shí)候都要考慮到。5.由于手機(jī)網(wǎng)站屏幕小的特點(diǎn),用戶(hù)在瀏覽的時(shí)候要盡量快的讓用戶(hù)查到自己需要的信息,因?yàn)槭謾C(jī)屏幕的小用戶(hù)尋找起來(lái)比價(jià)吃力,長(zhǎng)時(shí)間的尋找,會(huì)給你的網(wǎng)站被大大的減分的。
B、了解手機(jī)網(wǎng)站特點(diǎn),就要開(kāi)始寫(xiě)網(wǎng)站建設(shè)方案了,也就是網(wǎng)站開(kāi)發(fā)流程。
手機(jī)網(wǎng)站制作與WEB網(wǎng)站制作一樣,需要從策劃,草圖,制作,等幾方面來(lái)做手機(jī)網(wǎng)站.客戶(hù)把手機(jī)網(wǎng)站制作需求單寫(xiě)好、首頁(yè)樣版設(shè)計(jì)風(fēng)格確認(rèn)、手機(jī)網(wǎng)站制作內(nèi)容規(guī)劃、業(yè)務(wù)流程根據(jù)wap網(wǎng)站的整體情況來(lái)規(guī)劃.手機(jī)網(wǎng)站制作流程可從以下幾點(diǎn)來(lái)做:
1、分析建wap網(wǎng)站目的(建站要求),建立wap網(wǎng)站架構(gòu),時(shí)間允許的話編寫(xiě)具體的《wap網(wǎng)站建設(shè)方案》;2、根據(jù)架構(gòu)(或者《網(wǎng)站建設(shè)方案》)完成初稿設(shè)計(jì):wap首頁(yè)風(fēng)格各頻道首頁(yè)風(fēng)格wap網(wǎng)站架構(gòu)圖:包括的欄目、子頁(yè)面等一一列出這是網(wǎng)站的前臺(tái)設(shè)計(jì),屬于美工的范疇;數(shù)據(jù)庫(kù)的前臺(tái)頁(yè)面也要同時(shí)設(shè)計(jì)制作!3、審核確認(rèn)前臺(tái)設(shè)計(jì)后進(jìn)行整體wap網(wǎng)站數(shù)據(jù)庫(kù)的開(kāi)發(fā)制作;4、前后臺(tái)里鏈接;5、上傳至空間,測(cè)試數(shù)據(jù)庫(kù)!
在拿到客戶(hù)的需求說(shuō)明后,并不是直接開(kāi)始制作,而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì),詳細(xì)設(shè)計(jì)出一份網(wǎng)站建設(shè)方案給客戶(hù)??傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定:網(wǎng)站需要實(shí)現(xiàn)哪些功能;網(wǎng)站開(kāi)發(fā)使用什么軟件,在什么樣的硬件環(huán)境;需要多少人,多少時(shí)間;需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時(shí)需要寫(xiě)一份總體規(guī)劃說(shuō)明書(shū),包括:網(wǎng)站的欄目和板塊;網(wǎng)站的功能和相應(yīng)的程序;網(wǎng)站的鏈接結(jié)構(gòu);如果有數(shù)據(jù)庫(kù),進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì);網(wǎng)站的交互性和用戶(hù)友好設(shè)計(jì)。
在總體設(shè)計(jì)出來(lái)后,一般需要給客戶(hù)一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(yè)務(wù)時(shí)就被客戶(hù)要求提供方案
C、另外還有一些注意事項(xiàng)
1、少數(shù)手機(jī)對(duì)CSS完全不支持;Java锝擄絻锝掞綁锝愶綌部分這部分測(cè)試相對(duì)不那么讓人抓狂,要么干脆不支持,如果支持的話,對(duì)基本的dom操作、事件等支持度都還不錯(cuò)。但我們沒(méi)有測(cè)試過(guò)很復(fù)雜的腳本。在我們測(cè)試過(guò)的手機(jī)當(dāng)中,支持(包括不完全支持)Java锝擄絻锝掞綁锝愶綌?shù)氖謾C(jī)比例大約在一半左右,當(dāng)然,對(duì)于我們來(lái)說(shuō),最重要的不是這個(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ī)在打開(kāi)超過(guò)20k的測(cè)試頁(yè)面時(shí),會(huì)顯示內(nèi)存不足6、開(kāi)發(fā)中你需要注意的問(wèn)題