手機網站制作與推廣有別于PC推廣。因為手機上網終端與PC上網終端的不同,使得手機網站的開發有別于PC網站的開發過程手機屏幕相對于PC來說比較小,因為移動網絡速率的限制、流量的費等問題,減少網站瀏覽過程中產生的流量以及減少網站加載時間、提高網站訪問的速度,所以手機網站頁面的內容比較精簡,主要可以從以下幾點提高手機網站的訪問速度:
1.精減圖片,圖片數量要減,盡量少用圖片,特別是大尺寸圖片;質量要精,保證手機網站上所用圖片都經過壓縮處理,在不影響肉眼能分辨的清晰度的前提下使用最小的圖片;
2. 精簡CSS、JavaScript、HTML等文件,用簡練的程序語言去實現預期的效果,這個需要程序開發人員的專業知識的雄厚。 3. 開啟服務器端(GZIP )壓縮,GZIP 是若干文件壓縮程序的簡稱,通常指GNU計劃的
實現,此處的GZIP代表的就是GUN ZIP,這也是HTTP1.1協議定義的兩種壓縮方法中最常用的一種壓縮方法,客戶端瀏覽器大都支持這種壓縮格式。對用戶請求的頁面進行壓縮處理,以達到節省網絡帶寬,提高網站速度的作用
。可以通過在網站中安裝在線壓縮解壓的腳本來實現在線壓縮解壓。對于支持php的主機,推薦faisun_zip和faisun_unzip。需要將這兩個php文件上傳到服務器端,然后在瀏覽器中輸入實際地址即可訪問。比如,安裝到了根目錄下,那么就應該訪問http://yourdomain.com/faisun_unzip.php來訪問執行。也可以直接將壓縮包上傳到服務器中,打開這個頁面進行解壓。也可以直接在這個頁面上傳壓縮包來解壓。還可以選擇壓縮釋放的目錄。首次使用需要配置自己的密碼,具體請查看faisun_zip和faisun_unzip的說明。
3. 合理使用瀏覽器的緩存功能,要提高IE的訪問速度,瀏覽器緩存是必不可少的。瀏覽器為了提高訪問網頁的速度,會采用累積式加速的方法,將用戶訪問過的網頁內容(包括圖片以及cookie文件等)存放在訪客電腦里。這個存放空間,我們就稱它為IE緩存。以后再次訪問網站時,瀏覽器會首先搜索這個目錄,如果其中已經有訪問過的內容,那就不必從網上下載,而直接從緩存中調出來,從而大大提高了訪問網站的速度。
4、可以充分利用手機觸屏的優勢,設計鏈接。
手機網站一般分:WAP版本,彩色版,3G版本要點如下:
1. 標記語言:你可以開發1.2和2.0同步版本的手機網站,目前的手機網站都有多版本選擇,而且2.0版本更美觀,1.2版本語言為WML標記語言,3G版本為XHTML標記語言,可以通過腳本控制版本的共存。
2. 腳本語言:有很多種,如腳本ASP、ASP.net、JSP、PHP等。任何一種腳本配合標記語言都可以制作一個動態網站。
3.網站開發工具:一般采用文本編輯工具,最常用的記事本為主;
4.網站版本:
制作手機網站一般都分幾個版本,簡版(1.0)針對一些處理能力差的低端手機,彩板(wap2.0)可以針對一些品牌的中端手機,3G版本一般用于大屏幕的智能設備,用Iphoe ,安卓手機(android)等。
5.手機屏幕:關于手機屏幕(低端手機分辨率是176x220,主流手機分辨率是240X 320,智能手機中屏幕360x480,大屏是480X854(安卓系統) ,iphoe4是540X960)
手機網站和WEB網站,因為他們面向的終端屏幕不同,手機屏幕分辨率要比電腦小得多。
6.WAP網站制作注意問題
wml語法比較嚴謹,語法稍微有一丁點錯誤就會顯示報錯,這也許是為手機的處理能力制定的,畢竟它沒有電腦排錯那么好。基礎要點就先說到這來,手機網站設計者需要有計劃的進行長期的手機瀏覽器兼容性測試,才能做到兼容更多手機瀏覽器的版本。
手機網站因為其頁面篇幅的限制,在頁面設計上需要注意以下幾點:
1. 文字大小合適,在無需縮放的狀態下,保證用戶能清晰瀏覽內容2. 請向潛在客戶展示您最主要的內容,突出重點、主次分明、簡潔有序
3. 避免將PC頁面上的內容直接拷貝到移動頁面,需要精簡和壓縮
4. 設計清晰明顯的導航鏈接,方便頁面間的轉移
使用移動兼容技術
盡量使用移動端兼容的技術,如HTML5、JPG等,不要使用Flash、插件等移動端不支持的技術。保證您的頁面在手機上能正常展現
針對觸摸屏進行設計
移動
互聯網用戶會使用帶觸摸屏的手機瀏覽您的網頁,因此請確保交互元素(如:按鈕、鏈接、輸入框等)的大小適合手指點擊。
突出產品及聯系信息.
一個好手機網站需要包含以下內容:
1.對公司、產品和服務的詳細介紹
2.明顯的聯系信息如電話、郵箱、QQ等;在移動頁面上,最好提供電話撥打、在線溝通、地圖路線查詢等功能
手機版網站需要實現一些基本的功能:
1.頁面的適用性問題:
對于移動終端,有不一樣的分辨率與屏幕尺寸,如果還像電腦端的設計還限制網頁的寬度為1003px或其他像素值,字體大小還用12px或14px,那么,不一樣的終端的效果差別會很大。所以這里,最好讓網頁的寬度自適應屏幕
,還好,w3c在設計html的時候為我們考慮了這一點,只需一句話,就可以搞定,對于字體的話,我們就用em或ex為單位就好 。
2.版本制作問題:
移動頁面往往針對不同的手機設置不同的版本,一般有精簡版,標準版,3G版,觸屏版,智能手機版等等,這些除了在頁面設計上有不同外,頁面語言也會不同的。精簡版采用wap 1.0 的wml腳本編寫,這個通用性以前很強,
很多國產手機都支持這個語言的,但這個語言是很精簡的。標準版的一般可以采用wap 2.0技術,對應的腳本語言是xhtml mp(xhtml mobile profile),這個語言是xhtml的子集,這個并且支持大部分的css,基本上和電腦版的
差不多,但一般不能用js,這是考慮到這些手機是不支持js的。對于智能手機版,由于現在的智能手機都支持js,這個版本的制作上就簡單多了,不過,又由于大部分智能手機(基本上除去塞班手機,包括Android,ios,wp7
等)都支持Html5,因此,智能手版可以采用html5來制作。
3.版本控制問題:
可能這部分是比較不好解決的,怎么智能判斷手機的最佳版本并跳轉,可以從這幾個方面考慮。一方面,可以想辦法得到手機的操作系統,比如,Android的,ios的,就可以跳轉到html5版了,windows系統,毫無疑問電腦版
,獲得手機系統,可能通過得到手機型號,現在的方法是通過瀏覽器的UA(user agent),獲得手機的一些信息,簡單一點的,直接可以通過UA判斷手機的制造產商。要想獲得更多的信息,就得有一個數據庫,因為不同手機型
號會有不一樣的UA信息,世界上的手機有很多,自己要想做一個這樣的數據庫還是很難的,不過,已經有人為我們做好了這樣的數據庫,或者更方便的,做好了一個識別手機適用最佳版本的函數庫,這里我推薦用Wurfl。另一
方面,可以通過頁面的腳本來判斷瀏覽器對js和html5的支持。
4.手機版本的大小問題:
一般來說,對于精簡版和普通版的手機網頁,我們是做得越精簡越好,能省的代碼最好省去,畢竟現在手機流量對用戶來說還是很寶貴的。比如元素命名,一般頁面少的話,命名越短越好,css最好寫在一行。css中,有些元
素是繼承父類的樣式的,不用重復定義,善用默認值。
5.瀏覽器緩存:
如果再更新不快的情況下,最好開啟瀏覽器緩存。
以上是合肥龍創網絡技術人員在手機網站制作過程中的經驗之談,在即將爆發的移動互聯時代,企業手機網站成為熱捧,但是如何開發更加實用友好的手機網站,還需要網站建設人員的探究。