說到移動(dòng)設(shè)備，我們自認(rèn)而然就會(huì)想到手機(jī)，說到移動(dòng)網(wǎng)站，還有移動(dòng)APP時(shí)，就會(huì)有人分不清楚。很多人會(huì)認(rèn)為。在APP里打開的內(nèi)容就是移動(dòng)網(wǎng)站，其實(shí)不然。移動(dòng)網(wǎng)站的制作與移動(dòng)APP的制作是兩種截然不同的方法。

首先來說說什么是移動(dòng)網(wǎng)站

一、移動(dòng)網(wǎng)站
移動(dòng)網(wǎng)站是指對(duì)于現(xiàn)有的桌面網(wǎng)站，按照移動(dòng)端的設(shè)計(jì)規(guī)則來重新建立一個(gè)移動(dòng)網(wǎng)站，盡管內(nèi)容和桌面網(wǎng)站一樣，但卻擁有兩個(gè)不同網(wǎng)址。通常的移動(dòng)網(wǎng)站使用子域名的方式實(shí)現(xiàn)，例如使用類似 wap.williamlong.info 或 m.williamlong.info 這樣的地址，為移動(dòng)用戶專門定制，內(nèi)容可以與桌面網(wǎng)站不同，桌面網(wǎng)站的網(wǎng)址檢測(cè)到移動(dòng)設(shè)備后自動(dòng)重定向到移動(dòng)網(wǎng)站頁面。
移動(dòng)網(wǎng)站可以支持非觸屏智能手機(jī)和觸屏智能手機(jī)，適合側(cè)重移動(dòng)設(shè)備或?qū)ｉT針對(duì)移動(dòng)設(shè)備的網(wǎng)站，使用移動(dòng)瀏覽器訪問。

很多blog、cms建站程序都有桌面的移動(dòng)頁面入口，網(wǎng)站只需將移動(dòng)設(shè)備用戶引導(dǎo)到這個(gè)入口即可。通常有wap或HTML5等方式的建站方式HTML5的技術(shù)門檻較高，單獨(dú)開發(fā)會(huì)有不少難度，很多站長采用移動(dòng)建站工具來生成基于HTML5的移動(dòng)網(wǎng)站。目前使用較多的移動(dòng)建站工具是百度Site App度移動(dòng)搜索會(huì)將大部分網(wǎng)站進(jìn)行轉(zhuǎn)碼，轉(zhuǎn)碼后的內(nèi)容比較適合手機(jī)移動(dòng)等小屏幕設(shè)備訪問，百度Site App這個(gè)工具可以支持站長將自己網(wǎng)站轉(zhuǎn)碼后的頁面進(jìn)行定制，并部署到自己獨(dú)立子域名的網(wǎng)站，同時(shí)還支持通過百度聯(lián)盟的方式在網(wǎng)頁上加入針對(duì)移動(dòng)設(shè)備的專用廣告，以獲得廣告收益

那么移動(dòng)APP又是什么？

二、移動(dòng)APP
移動(dòng)APP應(yīng)用指的是專門在蘋果和安卓應(yīng)用商店里發(fā)布移動(dòng)APP應(yīng)用，安裝后可以直接使用。移動(dòng)APP應(yīng)用的開發(fā)成本較高，針對(duì)蘋果和安卓需要兩套開發(fā)API，不過，移動(dòng)APP可以允許用戶離線使用，還可以訪問移動(dòng)設(shè)備的硬件信息，對(duì)于交互性強(qiáng)的應(yīng)用來說較為適合。對(duì)于普通內(nèi)容類網(wǎng)站來說，使用移動(dòng)APP應(yīng)用的好處并不明顯。
由于移動(dòng)APP應(yīng)用開發(fā)門檻較高，因此站長可以使用相關(guān)工具來自動(dòng)生成應(yīng)用，百度Site App里也有這種功能，可以一鍵生成iOS和Android應(yīng)用文件，但是需要網(wǎng)站站長自己去蘋果和安卓應(yīng)用商店提交應(yīng)用。
力洋網(wǎng)絡(luò)作為廣州互聯(lián)網(wǎng)綜合服務(wù)提供商之一，服務(wù)的項(xiàng)目包括域名注冊(cè)、虛擬主機(jī)、主機(jī)租用/托管、企業(yè)郵局、企業(yè)網(wǎng)站建設(shè)、電子商務(wù)網(wǎng)站建設(shè)、行業(yè)門戶搭建、微信開發(fā)、云服務(wù)、數(shù)據(jù)中心運(yùn)營等。以多年經(jīng)驗(yàn)來講，針對(duì)網(wǎng)頁設(shè)計(jì)來應(yīng)該用自適應(yīng)網(wǎng)頁設(shè)計(jì)，就是讓同一個(gè)網(wǎng)頁代碼，能夠在不同設(shè)備上（從桌面電腦顯示器到智能手機(jī)或其他移動(dòng)產(chǎn)品設(shè)備）都能有更好的瀏覽體驗(yàn)，因此，站長在建站前，就要考慮好頁面布局如何能適應(yīng)多屏幕瀏覽，這樣移動(dòng)設(shè)備可以通過原網(wǎng)址來瀏覽桌面站點(diǎn)，看到的是自動(dòng)適應(yīng)屏幕大小后的網(wǎng)站。盡管這種方式使得域名統(tǒng)一了，但如果對(duì)于結(jié)構(gòu)復(fù)雜、頁面反復(fù)的網(wǎng)站來說，代碼設(shè)計(jì)具有相當(dāng)高的難度。因此，通常自適應(yīng)網(wǎng)頁設(shè)計(jì)比較適合單欄或雙欄等簡單版面網(wǎng)站，對(duì)于復(fù)雜版面較難設(shè)計(jì)。
由于自適應(yīng)設(shè)計(jì)的內(nèi)容使用同一個(gè)網(wǎng)址，不會(huì)出現(xiàn)重定向，因此對(duì)于訪問用戶來說，不必花時(shí)間記憶另外網(wǎng)址，對(duì)于網(wǎng)站開發(fā)者來說，改造單欄或雙欄網(wǎng)站為自適應(yīng)網(wǎng)站的開發(fā)較為簡單，只需對(duì)CSS進(jìn)行不大的修改即可。
自適應(yīng)網(wǎng)頁需要手機(jī)瀏覽器支持css3，例如目前的iPhone和Android內(nèi)置瀏覽器都支持css3，但諾基亞手機(jī)內(nèi)置瀏覽器就不支持css3，考慮到老式的手機(jī)已經(jīng)逐步淘汰，這部分用戶也可以考慮忽略不計(jì)。同時(shí)，自適應(yīng)網(wǎng)頁需要展示更多的圖片，較耗費(fèi)流量，因此也不太適合2G網(wǎng)絡(luò)用戶訪問。
對(duì)于網(wǎng)站的修改來說，只要在HTML頭部增加viewport標(biāo)簽（控制顯示尺寸、是否允許縮放、初始比例、上下限等）、MobileOptimized標(biāo)簽（微軟為IE Mobile版設(shè)置的定義寬度標(biāo)記）和HandheldFriendly標(biāo)簽（是否對(duì)手持設(shè)備友好，只有true或者false），在CSS文件尾部增加針對(duì)不同屏幕分辨率的規(guī)則，布局寬度使用相對(duì)寬度，隱藏側(cè)欄，半小時(shí)的開發(fā)量就可以提升網(wǎng)站的手機(jī)移動(dòng)瀏覽體驗(yàn)