信達互聯北京網站建設公司全新官網

當前位置:首頁 / 新聞中心 / 網站制作

wap網站制作注意事項_wap網頁制作教程

文章來源:信達互聯 人氣:197發表時間:2016-11-09

  wap網站概念

  WAP網站,即WAP(WIRELESSAPPLICATIONPROTOCOL)是無線應用協議的縮寫,一種實現移動電話與互聯網結合的應用協議標準。例如大家可以在手機上直接輸入就可以直觀的感受WAP網站魅力,這也是一個知名度很高而且免費的網站!下載免費的!WAP是全球統一且開放的標準,最新的WAP版本是WAP論壇于1999年12月發布的。WAP論壇是由愛立信、諾基亞、摩托羅拉和等4個業內廠商于1997年6月發起成立的一個工業組織,它于99年11月首次公布了WAP標準的結構,在1998年5月就推出了WAP協議的1.0版。目前WAP論壇前成員已達175多個,包括了全球主要的設備制造商、電信運營商、軟件開發商和內容供應產商。目前正流行社會的移動上網方式是手機上網。WAP手機可以通過標準的協議接入互聯網,手機上網,可以獲取適用于手機瀏覽的網上信息,以及基于互聯網的豐富應用。如新聞瀏覽、搜索、郵件、訪問、查詢、無線電子商務等,使人們體驗無線互聯網的豐富應用,更重要的,這些所有的網絡應用,都可以在移動環境中進行,使得網絡應用前所未有的方便快捷。

wap網站制作

  wap網站制作注意事項

  在過去,小屏幕移動設備網頁通常也被稱之為WAP頁,或WAP站。

  原因是這類網頁起源于一個叫WAP的無線協議。

  WAP能夠運行于各種無線網絡之上,如GSM、GPRS、CDMA等。WML是無線注標語言(Wireless Makeup language)的英文縮寫。支持WAP技術的手機能瀏覽由WML描述的Internet內容。

  而如今的小屏幕移動設備,比如手機,都已經具備訪問WWW的能力。其內置的瀏覽器,或是第三方瀏覽器大多是WebKit引擎。

  也因此沒人再用WML組織WAP站點了,一般都是用HTML+CSS的方式。

  在設計小屏幕移動設備網頁時,你可能先得了解這么一些前提:

  手機屏幕分辨率亂得一塌糊涂,什么分辨率都有!

  我們的手機上網費用賊貴賊貴!

  UC瀏覽器擁有了賊大的市場占有率!

wap網頁制作

  關于UC瀏覽器:

  沒錯,不得不提它。誰叫它的市場占有率高呢。

  對于UC瀏覽器而言,顯然是非常適合我國國情的,它給用戶最大限度地節約手機上網流量。(UC瀏覽器打的口號貌似也就是省流量這一招了)。

  基于移動應用,以及文本的可讀性,UC瀏覽器也體現了大字體、大行距等特性。

  UC瀏覽器相對于其他手機瀏覽器而言,對HTML標簽和CSS屬性存在有特殊的、自定義的處理方式。

  而所做的這些特殊處理,按目前來看,應該將會繼續保留較長一段時間,直到手機上網費用得到較大幅度的下降,令消費者更大膽地移動上網之時。

  在實際開發中,我們發現了UC瀏覽器對CSS存在一些“特殊照顧”:

  不支持font-family屬性,也就是說,在UC瀏覽器你只能看到一種字體;

  不支持font-szie屬性,也就是說,在UC瀏覽器你只能看到一樣大小的字體;

  不支持width、height、padding、margin、line-height屬性,也就是說,在UC瀏覽器只能通過p、br等HTML標簽來換行以達到字符上下間隔;

  不支持固定像素的寬度,100%顯示頁面,也就是說,在UC瀏覽器始終將看到的是“滿屏的”;

  不支持浮動、層疊布局,float和position屬性無效,也就是說,在UC瀏覽器你只能看到“左對齊”。

  支持background-color,但不支持background-image,也就是說不支持CSS背景圖顯示,在UC瀏覽器你只能看到背景色。

  不過,個人仍然認為,如今建設小屏幕移動設備網頁,完全可依據WebKit引擎的瀏覽器作為標準進行界面開發。

  換句話說,我們設計支持UC瀏覽器的網頁,而不是設計以UC瀏覽器為標準的網頁。

  這樣做還有個好處,可以在大部分的手機瀏覽器上保證相對一致的樣式。

  而針對UC這種連float等標準CSS屬性也不支持的瀏覽器,別過于糾結它!

  但為了保證界面中各元素在UC瀏覽器仍具有良好的閱讀順序,嚴重建議HTML編碼人員留意各個HTML標簽的先后順序。

  因為只有在支持float、position屬性的瀏覽器下,頁面各個容器才可以任意浮動或層疊的。否則,瀏覽器將按HTML標簽的先后順序顯示。

  另外一些小屏幕移動設備網頁設計的相關補充:

  網站頭(header)

  考慮到小屏幕移動設備的一些特性,設計網頁時,有些可以去掉網站頭(包括LOGO、全局導航什么的)。

  比如flick的查看大圖頁面就去掉了網站頭。

  手機WAP站的設計與開發人員注意事項 - 阿智 - 阿智的人機世界

  這里我自創了一句時髦的設計原則:“針對于小屏幕移動設備的界面設計,在某些指定任務的界面,應優先于讓用戶關注當前任務,而不是應用程序本身。” 這個原則是行得通的,同樣適用于設計移動設備應用程序~

  打個比方說,如果你在設計小屏幕移動設備訪問的郵箱時,完全可以在寫信、郵件閱讀頁去掉網站頭~

  鏈接聚焦(hover)

  各個瀏覽器均自定義了鏈接的hover樣式,比如有的瀏覽器給鏈接聚焦時加了邊框,有的瀏覽器給鏈接聚焦時加個背景色之類。因此小屏幕移動設備網頁不需要在CSS中編寫hover樣式。

  鼠標事件(mouseover)

考慮到觸摸屏操作,用戶無法用手指進行over的操作,因此應禁止在應用于移動設備訪問的網頁使用mouseover。

  相關推薦:站長忽略的觀點

日本三级香港三级人妇