智能手機及平板電腦的存在，取代許多不同的設備；越來越多的互聯(lián)網用戶在平板電腦沙發(fā)上放松，而不是坐在辦公桌前。由于這種行為改變，許多網站運營商面臨著新的挑戰(zhàn)。不同的手機制造商喜歡不同的尺寸，因此有必要了解如何在不犧牲臺式機功能的情況下優(yōu)化移動設備的網絡存在。北京網站建設小編為您分享使用具有適應性或響應式的移動網站設計。

移動網站
移動網站包含HTML文檔，HTML文檔獨立于主頁創(chuàng)建，專門用于在單獨的URL下進行移動使用。移動服務通常提供主機名'm'，而標準站點使用'www'訪問：
m.cdcxhl.com
m.rwnh.cn
理想情況下，應該有每個桌面站點的移動版本，但它們不一定必須彼此相同。如果用戶需要在外出時訪問您的網站，那么提供移動網站作為桌面網站的替代方案是有意義的。一個例子是可能將門票銷售作為桌面版主要關注點的公共交通站點，但有關移動版本的備用信息，例如時間表和中斷，這些信息在旅途中更有用。這表明移動網站不一定必須作為子域實現(xiàn)。它們通常針對智能手機進行了優(yōu)化適應較小的屏幕，較大的按鈕和較少的數(shù)據密集型圖形。對于平板電腦等其他移動設備，如果設計時考慮到智能手機，則移動網站將無法以很佳方式顯示。這是創(chuàng)建單獨的移動網站的原因。

優(yōu)點：
網站運營商可以準確指定哪些網站內容應針對移動設備進行優(yōu)化，以及他們希望將哪些信息保留在桌面PC版本上。
這兩個版本的網站都可以單獨定制，而不會影響其他版本。
在創(chuàng)建移動網站時，Web開發(fā)人員有機會輸入設備的技術要求（通常是智能手機）。
由于顯示減少，可以創(chuàng)建較小的網站，即使數(shù)據速率有限，也可以快速加載。
缺點：
必須單獨維護作為移動版本創(chuàng)建的每個單獨網站。
對桌面版本所做的更改不會自動在移動版本上進行。
當網站運營商設計移動版本時，可能意味著創(chuàng)建了重復內容，因為材料是直接從桌面版本復制的。這可能會降低您的搜索引擎排名。
自適應設計
設計用于移動使用的單獨網站的替代方案是具有自動適應相應設備的布局。該網站的演示基于屏幕的可見部分（視口）。自適應設計依賴于預定義的斷點 - 一個相對剛性的設計網格，為精確描述的視口提供不同的視圖。桌面，平板電腦和智能手機顯示器的布局版本很常見。對自適應網站不能實現(xiàn)對各個屏幕尺寸的流體調整（如下面描述的響應式設計）。媒體查詢用作自適應設計的技術基礎。這包括CSS3概念它根據其屬性調節(jié)樣式表到輸出介質的分配。具有自適應設計的網站通常針對某些設備類型進行優(yōu)化。Web開發(fā)人員將自己定位于流行的產品，如iPhone或iPad，這意味著相關網站并不總是針對所選設備進行優(yōu)化。
優(yōu)點：
與響應式網頁設計相反，自適應設計的特點是復雜性降低。
由于自適應設計僅支持有限數(shù)量的顯示，因此網站運營商可以更好地控制內容的呈現(xiàn)方式。
與單獨的移動網站不同，只需要維護一個版本的自適應設計。
缺點：
由于專注于某些顯示尺寸，自適應設計可能會遇到不同設備格式的顯示問題。
某些觀點需要分析所需的目標群體。
與移動網站不同，所有顯示版本都顯示相同的內容。移動設備只能部分減少數(shù)據量。
響應設計
自適應網站僅提供有限數(shù)量的顯示選項，但隨著各種移動設備的增加，對更靈活的顯示類型的需求也越來越大。許多網站運營商更喜歡響應式設計，這也是基于CSS3媒體查詢。與自適應設計一樣，服務器向所有設備提供相同的HTML代碼。這意味著該網站在同一URL下的各種布局變體中都可用。但與自適應設計不同，對設備屏幕尺寸的適應性可以順利進行沒有定義視口的剛性網格。這允許移動站點充分利用設備屏幕上的所有可用空間。由于響應式設計的復雜性，在這個設計原則上推出一個網站既繁瑣又昂貴。必須以靈活的方式設計內容和布局。文本片段，圖像，視頻和表格應該適用于智能電視和手機。許多網站運營商沒有開發(fā)自己的設計，而是選擇使用內容管理系統(tǒng)，如WordPress，Joomla，Drupal和Typo3。這些開源項目依賴于大型用戶和開發(fā)人員社區(qū)，并提供各種預制設計模板和響應式設計，其中一些可免費使用。
優(yōu)點：
響應式設計考慮了每種顯示器尺寸，包括將來將在市場上推出的移動設備。
與自適應設計的情況一樣，不得進一步維護移動網站設計。
良好的響應式設計可在所有支持的設備上提供用戶感知比較。
缺點：
實施響應式設計的成本很高（特別是在涉及預先存在的項目時）。
來自復雜網頁的內容不能總是如此容易地轉移到小型顯示器上。
移動設備加載與臺式PC相同的數(shù)據量。因此，移動設備上的頁面加載時間通常比單獨的移動網站慢。
關于“移動網站設計”的文章介紹到這里，想了解更多的相關知識歡迎咨詢我們的在線客服。

網站欄目：針對移動設備設計您的網站
文章出自：http://m.rwnh.cn/news36/112636.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站維護、網站策劃、企業(yè)網站制作、虛擬主機、ChatGPT、動態(tài)網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)