腾讯分分彩独胆二期
智軟工作室主要是為寧波公司提供寧波網站建設,寧波網站制作,寧波做網站公司,寧波外貿網站建設公司,寧波網站優化等項目,以優質的服務,優惠的價格,深的客戶信賴。相信有你的加入我們的明天會更有動力!期待與你合作!
  • 寧波智軟設計工作室,打造寧波網站制作工作室頂級品牌
  • 智軟擁有專業的設計團隊
  • 多年網站建設團隊為你服務
  • 智軟期待與你合作
  • 我們的技能
  • 我們掌握的技能有:dreamweaver,flash,photoshop
  • 寧波高端網站建設服務公司
    2014已經悄然到來,在新的一年我們恭賀所有客戶事業蒸蒸日上,同事慶祝智軟設計工作室成立5周年,在5周年為眾多客戶提供了保質量的網站設計與網站制作。 我們在新的一年質量與服務將會更加進一步為更多的客戶帶來高端的網站設計與服務!期待與你合作
  • 企業網站制作建設原因與服務介紹

    智軟設計工作室多年為寧波企業網站制作建設服務一直以來我們以最優惠價格,最優質的質量,最突出的設計!得到了客戶的一致認可,我們的服務包括:寧波網站設計,寧波網站建設,寧波網站制作,寧波網站優化,寧波英文網站制作我們會以優質的服務,最低的價格來報答客戶!

  • 點擊鏈接網站優化推廣介紹

    點擊連接網站優化推廣-對企業的網站優化和網站推廣--對企業的重要性-點擊進行詳細了解

  • 2014開幕,寧波網站設計服務全面優惠.

    2014開幕,寧波智軟設計為寧波企業提供更加優秀的設計和實惠的價格

  • 鏈接到網站案例展示平臺
    智軟設計工作為寧波客戶網站設計案例展示平臺-案例均為定期更新,讓新老客戶更好的看到我們做的案例,點擊查看我們做的網站案例吧!
  • 我們寧波網絡公司提供網站一站式解決方案
    智軟(寧波網絡公司)幫你輕松解決網絡問題,網站一站式解決方案
你當前的位置:智軟工作室 > 營銷與網絡 >

實踐之移動網頁設計與制作的報告

2011-01-24 17:29

移動設備的興起正在給互聯網帶來一場新的革命,雖然說移動網頁設計原則不會有多大變化,但是卻有著明顯的區別。

至少有一點是截然不同的,目前移動設備的網絡速度可比不上寬帶,另外移動網頁呈現方式也是多樣的,有觸摸屏,有上網本,這些小屏幕卻貌似巨人!

可能有些人會認為移動化其實根本沒必要,但是幾乎所有人都得承認這是一個不可避免的趨勢。

如果你正在研究移動網頁設計(或者正在將一個網站搬到移動設備上),這篇文章或許可以幫助你了解到目前移動設計的發展趨勢。

呈現方式

在設計對移動設備友好的網站時,首先要考慮的元素之一就是呈現方式或者用戶體驗方式。

呈現方式的多樣化

理想的情況就是你現在的網站適用于所有類型的移動設備。也許你的網站可以適用于iPhone等擁有內置瀏覽器的移動設備,不過卻在其他的移動設備上,情況未必如此好,而跨設備移動設計卻又難以獲得成功。

如果你認為開發出在IE/Firefox/Chrome/Safari等瀏覽器的網站很艱難,其實可以不妨試試開發專門針對iPhone/BlackBerrys/Palm Pres/Androids/Motorola/Nokia的網站,不過你很快就會發現這些硬件設備真是太多了。

在桌面網絡設計中,你只有一種語言:HTML,但是在移動網絡上,可能是WML,平臺也可能是蘋果的iOS,或者是Android。

雖然WML曾一直限制著我們的設計創意,但是如今我們所擁有的方式變得更加靈活了!

NO1:采用支持移動設備的網頁設計

在移動網頁設計上,一個簡單的處理方法就是對現存的桌面網頁代碼和設計進行調整,以適用于移動設備,還有就是從草圖做起,一步步的設計。例如,通過CSS3,你可以根據用戶的移動設備來調整網頁布局等等。

但你想想看,問題在于并不是所有移動設備都支持CSS3,所以你得求助于服務器設備偵查或者JavaScript(例如調整DOM來改變頁面布局)。不過問題又來了,有些設備又不支持這些技術!

依據窗口來決定布局大小,或許只需幾行CSS3。

NO2:將移動用戶轉向手機版網站

移動設計呈現的另一種方式就是專門針對手持設備而優化的布局,你可以利用Mobify等網絡服務來做到這點。

與第一種方法相比(采用支持移動設備的網頁設計),這種呈現格式更加優秀,因為體驗設計是專門針對移動用戶的,不考慮桌面用戶。

這種情況下,你的流量取決于用戶的瀏覽器代理。例如,如果一個移動設備用戶訪問你的網站(yousitename.com),然后他們會比自動轉向至mobile.yoursitename.com或者m.yoursitesname.com等之類的。

獨立的手機網站會獲得那些喜歡更快的速度的用戶所帶來的流量。

NO3:用戶引導要點

無論你使用何種方式,下面兩點是很重要的:

訪問者知道你的手機版網站是可以登錄的。

訪問者可以選擇是登陸手機版網站還是普通版網站(譯者:就是PC版網站)。

雖然強行為用戶轉向或者改變布局聽起來似乎是個好主意,但是結果往往會令人沮喪,所以最好還是讓用戶可以選擇。

簡單的技巧就是有這兩個版本的網站的鏈接。例如,Six Revisions,你會發現在該網站的地段會有手機版網站的鏈接(m.sixrevisions.com),這樣無論是手機用戶還是電腦用戶都有了選擇。

結構和代碼

另外一件需要考慮的事情就是結構代碼(markup和styles):

你知道WML或者XHTML mobile profiles?(百科:WML(Wireless Markup Language - 無線標記語言)。它是一種從 HTML 繼承而來的標記語言,但是 WML 基于 XML,因此它較 HTML 更嚴格。WML 被用來創建可顯示在 WAP 瀏覽器中的頁面。用WML編寫的頁面被稱為 DECKS。DECKS 是作為一套 CARDS 被構造的。這種描述語言同我們常聽說的HTML語言同出一家,都屬于XML語言這一大家族。WML的語法跟XML一樣,WML是XML的子集。HTML語言寫出的內容,我們可以在我們的PC機上用IE或是Netscape等瀏覽器進行閱讀,而WML語言寫出的文件則是專門用來在手機等的一些無線終端顯示屏上顯示,供人們閱讀的,并且同樣也可以向使用者提供人機交互界面,接受使用者輸入的查詢等信息,然后向使用者返回他所想要獲得的最終信息。XHTML Mobile Profile –2001年發布,基于XHTML,針對移動電話的語言,被認為是目前最優秀的語言)

你所設計的app是應用于iPhone還是Android?

你在設計時有沒有考慮到移動設備瀏覽器的成本和速度?

什么是HTML5和CSS3?(百科:HTML5提供了一些新的元素和屬性,例如《nav》(網站導航塊)和《footer》。這種標簽將有利于搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如《audio》和《video》標記。些過時的HTML4標記將被取消。其中包括純粹顯示效果的標記,如《font》和《center》,它們已經被CSS取代。CSS3是CSS技術的升級版本,CSS3語言開發是朝著模塊化發展的。以前的規范作為一個模塊實在是太龐大而且比較復雜,所以,把它分解為一些小的模塊,更多新的模塊也被加入進來。CSS就是一種叫做樣式表(stylesheet)的技術。也有的人稱之為層疊樣式(CascadingStylesheet)。CSS3提供了非常多新途徑去改善你的設計工作,且做了不少重要的變化。)

這些問題還不夠全面,有些問題也正處于研發階段。

新設備所支持的代碼可能不同于舊的移動設備。

選擇

設計一個對移動用戶友好的網站,最重要的事情就是選對語言。在智能手機出現之前,舊的手機只支持WML(最基本的語言),隨后W3C推出了更加友好的XHTML(XHTML Mobile Profiles檔案)。

幸運的是,移動設備產生的更新速度是的網頁體驗更加完整和健全,如果你不懂mobile profiles或者WML,你可以使用正常的HTML或者XHTML。

不過,仍要強調的一點是,WML仍是要考慮的,你的用戶也許使用的是普通手機(非智能手機)。當然現在我們要處理更多的web zombies(網頁劫持)。

同樣你的決定必須基于網站數據和大量的網站分析。

更多

【責任編輯:小戴工程師】

關鍵字: 移動網頁設計 移動網頁制作

  • 共2頁:
  • 上一頁
  • 1
  • 2
  • 下一頁
  • 上一篇:2010年度經典MSN簽名TOP10-真的是很經典 下一篇:常見的錨文本的類型-錨文本有哪些?

    最新文章

    2011-01-24 17:29

    相關文章

    2011-01-24 17:29
    網站制作咨詢:
    QQ:277728291
    電話:18668277799
    郵箱:[email protected]
    期待你來電咨詢
    回頂部
    Copyright 2010 智軟工作室 版權所有    智軟為寧波公司提供最優惠的網絡服務【寧波網站建設,寧波網站制作公司,寧波做網站公司,寧波外貿網站建設公司】我們竭誠為你服務!
    腾讯分分彩独胆二期