針對(duì)移動(dòng)設(shè)備設(shè)計(jì)您的網(wǎng)站

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

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

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

網(wǎng)站欄目：針對(duì)移動(dòng)設(shè)備設(shè)計(jì)您的網(wǎng)站
文章出自：http://www.bm7419.com/news36/112636.html

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

廣告

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