A、首先我們要了解手機(jī)上網(wǎng)的特點(diǎn)
手機(jī)屏幕一般在240*320以上的稱之為大屏幕手機(jī)。因?yàn)槭盏腃PU頻率低，不能像電腦一樣快的瀏覽。做手機(jī)網(wǎng)站的時候像JS等要少用。手機(jī)上網(wǎng)速度慢，聯(lián)通的3G網(wǎng)絡(luò)還可以，但我都是喜歡支持中國移動我們國家自行研發(fā)的3G上網(wǎng)技術(shù)，瀏覽器眾多，兼容性差。一不小心就顯示不出來。
了解了手機(jī)上功能點(diǎn)，我們可以確定手機(jī)網(wǎng)站制作原則。
1.網(wǎng)站要簡潔，功能能不要的就刪了。2.圖片要少用，盡量用漢字，在高昂的網(wǎng)絡(luò)資費(fèi)中，有的用戶會把圖片的顯示禁止了。以減免流量。3.網(wǎng)站盡可能的小點(diǎn)，頁面太長則不適用瀏覽，用戶體驗(yàn)不好，太寬手機(jī)打開顯示不全，或者顯示不工整。4.現(xiàn)在的手機(jī)大屏的，小屏的都要，所以在設(shè)計(jì)的時候都要考慮到。5.由于手機(jī)網(wǎng)站屏幕小的特點(diǎn)，用戶在瀏覽的時候要盡量快的讓用戶查到自己需要的信息，因?yàn)槭謾C(jī)屏幕的小用戶尋找起來比價吃力，長時間的尋找，會給你的網(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)，時間允許的話編寫具體的《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)站的前臺設(shè)計(jì)，屬于美工的范疇；數(shù)據(jù)庫的前臺頁面也要同時設(shè)計(jì)制作！3、審核確認(rèn)前臺設(shè)計(jì)后進(jìn)行整體wap網(wǎng)站數(shù)據(jù)庫的開發(fā)制作；4、前后臺里鏈接；5、上傳至空間，測試數(shù)據(jù)庫！
在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實(shí)現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時間；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時需要寫一份總體規(guī)劃說明書，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì)；網(wǎng)站的交互性和用戶友好設(shè)計(jì)。
在總體設(shè)計(jì)出來后，一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案
C、另外還有一些注意事項(xiàng)
1、少數(shù)手機(jī)對CSS完全不支持；Java锝擄絻锝掞綁锝愶綌部分這部分測試相對不那么讓人抓狂，要么干脆不支持，如果支持的話，對基本的dom操作、事件等支持度都還不錯。但我們沒有測試過很復(fù)雜的腳本。在我們測試過的手機(jī)當(dāng)中，支持（包括不完全支持）Java锝擄絻锝掞綁锝愶綌?shù)氖謾C(jī)比例大約在一半左右，當(dāng)然，對于我們來說，最重要的不是這個比例，而是要如何做好Java锝擄絻锝掞綁锝愶綌?shù)膬?yōu)雅降級。2、部分手機(jī)不支持png8和png24，所以盡量使用jpg和gif的圖片3、另外對于平滑的漸變等精細(xì)的圖片細(xì)節(jié)，部分手機(jī)的色彩支持度并不能達(dá)到要求，所以慎用有平滑漸變的bar設(shè)計(jì)4、部分手機(jī)對于超大圖片，既不進(jìn)行縮放，也不顯示橫下滾動條5、少數(shù)手機(jī)在打開超過20k的測試頁面時，會顯示內(nèi)存不足6、開發(fā)中你需要注意的問題
