手機網站制作流程,如何制作手機wap網站,手機網站制作公司 發布時間:2015-10-16 00:35:30 |
自從進入移動互聯網時代以來,幾乎所有知名的網站程序都開始內置手機網站系統,使用戶只要建立了自己的WEB網站,就能使用自帶的手機網站功能。如:MetInfo、Discuz等。使用這類網站程序建站的用戶只需要在網站后臺開啟手機網站功能就能使用手機網站了。目前手機上網的速度越來越快,手機的功能也越來越強大,手機網站開發也變得越來越繁榮,該如何做好手機網站的開發呢?
手機屏幕一般在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、上傳至空間,測試數據庫! 在拿到客戶的需求說明后,并不是直接開始制作,而是需要對項目進行總體設計,詳細設計出一份網站建設方案給客戶?傮w設計是非常關鍵的一步。它主要確定:網站需要實現哪些功能;網站開發使用什么軟件,在什么樣的硬件環境;需要多少人,多少時間;需要遵循的規則和標準有哪些。同時需要寫一份總體規劃說明書,包括:網站的欄目和板塊;網站的功能和相應的程序;網站的鏈接結構;如果有數據庫,進行數據庫的概念設計;網站的交互性和用戶友好設計。 在總體設計出來后,一般需要給客戶一個網站建設方案。很多網頁制作公司在接洽業務時就被客戶要求提供方案 C、另外還有一些注意事項 1、少數手機對CSS完全不支持; JavaScript部分 這部分測試相對不那么讓人抓狂,要么干脆不支持,如果支持的話,對基本的dom操作、事件等支持度都還不錯。但我們沒有測試過很復雜的腳本。 在我們測試過的手機當中,支持(包括不完全支持)JavaScript的手機比例大約在一半左右,當然,對于我們來說,最重要的不是這個比例,而是要如何做好JavaScript的優雅降級。 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中設定的文字大小,尤其是在第三方瀏覽器中。
少數手機對CSS完全不支持;Java部分這部分測試相對不那么讓人抓狂,要么干脆不支持,如果支持的話,對基本的dom操作、事件等支持度都還不錯。但我們沒有測試過很復雜的腳本。在我們測試過的手機當中,支持(包括不完全支持)Java的手機比例大約在一半左右,當然,對于我們來說,最重要的不是這個比例,而是要如何做好Java的優雅降級。廣州萬戶網絡信息科技有限公司 www.ipaocai.com主要經營網站制作,營銷軟件,功能定制,頁頁設計,網站開發等服務。在站點的內容,結構策劃等這是要針對不同的項目做不同的分析定制解決方案。做為品牌站點宣傳或營銷業務推廣,針對訪問者來說,我們網站為各種用戶提供了什么?更是重中之重。 |