本篇文章信途科技給大家談?wù)勈謾C(jī)網(wǎng)站開發(fā)技術(shù)，以及開發(fā)網(wǎng)站的技術(shù)對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站。

設(shè)計(jì)手機(jī)網(wǎng)站網(wǎng)頁(yè)需要用到什么技術(shù)？

手機(jī)網(wǎng)站開發(fā)其實(shí)不難,本手機(jī)網(wǎng)站開發(fā)教程主要介紹:手機(jī)網(wǎng)頁(yè)設(shè)計(jì)和制作的七個(gè)方面的知識(shí),讓你避免走一些現(xiàn)在的手機(jī)網(wǎng)頁(yè)的彎路,學(xué)完本教程后,你就能對(duì)手機(jī)網(wǎng)頁(yè)的制作和設(shè)計(jì)有大概的了解,然后有針對(duì)性地學(xué)相應(yīng)知識(shí)。

1.手機(jī)網(wǎng)頁(yè)的標(biāo)記語(yǔ)言

WML

WML,早期的手機(jī)上網(wǎng)只能通過wap網(wǎng)站,而WML是用來制作手機(jī)wap網(wǎng)站的主要標(biāo)記語(yǔ)言,它能夠比html消耗更少內(nèi)存和cpu。

因?yàn)閃ML大部分針對(duì)早期和低端的手機(jī),現(xiàn)在已經(jīng)逐步被其他的技術(shù)取代了,現(xiàn)在學(xué)習(xí)手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作完全可以忽略WML。

但是仍然有一部分手機(jī),如諾基亞1100這種超便宜和低端的手機(jī),有著200萬(wàn)左右的用戶,假如手機(jī)網(wǎng)頁(yè)的受眾是這部分人,還是應(yīng)該用WML。

XHTML

未來智能手機(jī)的市場(chǎng)份額會(huì)越來越大,考慮到這點(diǎn),現(xiàn)在進(jìn)行手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作時(shí),我們會(huì)用到更加熟悉的標(biāo)記語(yǔ)言Xhtml。

現(xiàn)在大部分智能手機(jī)的瀏覽器都能正確處理Xhtml,它會(huì)識(shí)別兩種類型的Html。

① Xhtml:基礎(chǔ)的,和桌面瀏覽器相同的Xhtml

② Xhtml-MP:針對(duì)智能手機(jī)的Xhtml

這兩種類型的不同之處,Xhtml-MP包含比較少的要素和相對(duì)寬松的限制,能適合手機(jī)平臺(tái)的渲染,現(xiàn)在很多手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作直接用Xhtml,也沒什么大問題。

2.手機(jī)類型

手機(jī)市場(chǎng)上既有非常高端的iPhone手機(jī)和谷歌的Android手機(jī),也有諾基亞一些單色點(diǎn)陣顯示的低端機(jī)。這些低端機(jī)在瀏覽手機(jī)網(wǎng)頁(yè)時(shí)有很多的限制,如屏幕分辨率、渲染Xhtml的性能等,因此如果你的手機(jī)網(wǎng)頁(yè)是針對(duì)這部分用戶,最好還是用WML。

另一方面,類似于iPhone和Nexus One這種高端智能機(jī),擁有可以和桌面瀏覽器相媲美的渲染網(wǎng)頁(yè)的性能。對(duì)這部分用戶而言,良好的用戶體驗(yàn)是很重要的,受限于手機(jī)的傳輸速度,如果直接用一般的電腦上瀏覽的網(wǎng)頁(yè)來代替手機(jī)網(wǎng)頁(yè),對(duì)手機(jī)網(wǎng)頁(yè)的目標(biāo)客戶來說,并非明智之舉。

在手機(jī)網(wǎng)頁(yè)的設(shè)計(jì)制作中,這個(gè)問題更加棘手,不僅要考慮分辨率、尺寸大小的兼容,而且設(shè)計(jì)制作還要考慮不同的手機(jī)屏幕的形狀,下圖顯示了手機(jī)的不同分辨率,屏幕形狀從接近正方形到長(zhǎng)方形都有,這在設(shè)計(jì)制作手機(jī)網(wǎng)頁(yè)時(shí),幾乎令人抓狂。

可以把手機(jī)根據(jù)屏幕尺寸分成幾種常見的類型,如:

128 x 160 pixels

176 x 220 pixels

240 x 320 pixels

320 x 480 pixels

這樣在設(shè)計(jì)制作手機(jī)網(wǎng)頁(yè)時(shí),就可以比較有針對(duì)性。注意要盡量把手機(jī)網(wǎng)頁(yè)制作成簡(jiǎn)潔的風(fēng)格,因?yàn)槭謾C(jī)沒有鼠標(biāo),只能向上和向下,用戶不能方便地切換頁(yè)面。

3.手機(jī)網(wǎng)頁(yè)的目標(biāo)群體

任何網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)時(shí)都應(yīng)該明白自己的目標(biāo)群體,以便向他們傳輸最合適的信息。這點(diǎn)在進(jìn)行手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作時(shí)更為重要。因?yàn)槟悴粌H要知道你的目標(biāo)群體,還要知道他們?yōu)g覽手機(jī)網(wǎng)頁(yè)時(shí)的情景。瀏覽傳統(tǒng)的網(wǎng)站,訪客會(huì)坐在桌上,有著大分辨率的屏幕。手機(jī)網(wǎng)頁(yè)的訪客則有可能是在排隊(duì)、等交車、坐在地鐵等。

手機(jī)網(wǎng)頁(yè)的目標(biāo)群體,谷歌的開發(fā)者將看手機(jī)網(wǎng)頁(yè)人群分為三大類,這對(duì)我們進(jìn)行手機(jī)網(wǎng)頁(yè)的設(shè)計(jì)和制作,很有參考意義。

A:一般手機(jī)用戶

一般用戶訪問手機(jī)網(wǎng)頁(yè)時(shí)和用電腦訪問網(wǎng)頁(yè)差不多,他們沒有特別熱衷于哪個(gè)領(lǐng)域,他們只是利用空閑時(shí)間瀏覽網(wǎng)頁(yè)。

對(duì)于電腦瀏覽網(wǎng)頁(yè)的用戶而言,這些空閑時(shí)間可能是休息時(shí)間。但是對(duì)用手機(jī)瀏覽網(wǎng)頁(yè)的用戶而言,則可能是在等待朋友或上下班路程,這意味這他們隨時(shí)可能中斷網(wǎng)頁(yè)的瀏覽。如果你的目標(biāo)群體是這些人,在制作設(shè)計(jì)手機(jī)網(wǎng)頁(yè)時(shí)要特別注意這些手機(jī)用戶的屏幕尺寸和時(shí)間上的限制。

因此設(shè)計(jì)制作手機(jī)網(wǎng)頁(yè)要“記住”用戶看的內(nèi)容的位置,以便他們隨時(shí)返回瀏覽。最好不要使用大段的內(nèi)容,相反,要把手機(jī)網(wǎng)頁(yè)的內(nèi)容制作成幾個(gè)小的部分,引起他們的關(guān)注。記住,這些手機(jī)用戶沒有時(shí)間去瀏覽大段的內(nèi)容。

B:回訪者

回訪者是一些會(huì)時(shí)?；卦L網(wǎng)頁(yè),以便獲取他們感興趣的內(nèi)容的人群。

如果你的手機(jī)網(wǎng)頁(yè)提供的是一些諸如天氣預(yù)報(bào)、股票資訊、比賽運(yùn)動(dòng)的信息,那么目標(biāo)群體就會(huì)有相當(dāng)多這部分的人。因?yàn)槭謾C(jī)屏幕提供的信息是有限的,所以針對(duì)這部分手機(jī)用戶設(shè)計(jì)制作網(wǎng)頁(yè),要考慮到這些人需要哪些信息,將這些信息放在手機(jī)網(wǎng)頁(yè)的重要位置,避免這些人在手機(jī)執(zhí)行了很多操作才在網(wǎng)頁(yè)上找到需要的內(nèi)容。

另一點(diǎn)是關(guān)于為手機(jī)網(wǎng)頁(yè)用戶提供定制服務(wù)的問題,如制作手機(jī)網(wǎng)頁(yè)論壇。因?yàn)槭謾C(jī)用戶登錄不是那么方便,所以如能避免則盡量避免。

有一些專業(yè)的網(wǎng)站允許手機(jī)用戶通過電腦訪問他們的網(wǎng)站,然后定制相應(yīng)的手機(jī)網(wǎng)頁(yè)的頁(yè)面,這樣會(huì)生成一個(gè)專門適用該用戶的網(wǎng)址,下次這個(gè)用戶用手機(jī)訪問時(shí),就能直接適用自己定制的界面。

C:特殊手機(jī)用戶

根據(jù)你的手機(jī)網(wǎng)頁(yè)所要提供服務(wù)的不同,這部分用戶也會(huì)不同。

比如電子商務(wù)用戶可能會(huì)通過手機(jī)網(wǎng)頁(yè)向你發(fā)送一些比如“未收到貨物”的通知,或者一些航班公司會(huì)收到用戶從手機(jī)發(fā)送的“搭機(jī)遲到

手機(jī)端網(wǎng)站開發(fā)主要用到了哪幾項(xiàng)技術(shù)？

一般的手機(jī)網(wǎng)站基本都是三種技術(shù)創(chuàng)建手機(jī)網(wǎng)站。建議你先搜并讀下 web app 與native app之爭(zhēng) 這篇文章。

　Web App：

優(yōu)勢(shì)1.開發(fā)成本低 ? ? ?2.適配多種移動(dòng)設(shè)備成本低 ? ? ?3.跨平臺(tái)和終端 ? ? ? ? ?4.迭代更新容易5.無(wú)需安裝成本

　2.Native App

優(yōu)勢(shì)：1.提供最佳的用戶體驗(yàn)，最優(yōu)質(zhì)的用戶界面，最華麗的交互

? ? ?2.針對(duì)不同平臺(tái)提供不同體驗(yàn)

　 ? ? ?　3.可節(jié)省帶寬成本

? ? 4.可訪問本地資源

? ? 5.盈利模式明朗

3.混合開發(fā)模式（跨平臺(tái)）

它雖然看上去是一個(gè)Native App，但只有一個(gè)UI WebView，里面訪問的是一個(gè)Web

App，比如街旁網(wǎng)最開始的應(yīng)用就是包了個(gè)客戶端的科，其實(shí)里面是HTML5的網(wǎng)頁(yè)，后來才推出真正的原生應(yīng)用。再?gòu)氐滓稽c(diǎn)的，如掌上百度和淘寶客戶端Android版，走的也是Hybrid

App的路線，不過掌上百度里面封裝的不是WebView，而是自己的瀏覽內(nèi)核，所以體驗(yàn)上更像客戶端，更高效。

目前,手機(jī)操作系統(tǒng)所占市場(chǎng)份額排名：android,ios,RM,microsoft,symbain。

二、開發(fā)所用的技術(shù)：

混合開發(fā)：phonegap。

開源，跨平臺(tái)，兼容性強(qiáng)，在ios,blackberry,android都可運(yùn)行。

采用的技術(shù)：css3,javascript,html5。

原生態(tài)(標(biāo)準(zhǔn)開發(fā)技術(shù))：

android:java

ios:object C

symbain:C++

怎么制作網(wǎng)站的手機(jī)版？

隨著智能手機(jī)的普及，手機(jī)網(wǎng)站的使用率和重要性也日益彰顯，2015年最新數(shù)據(jù)顯示，目前在所有的網(wǎng)站中,同時(shí)具有PC及移動(dòng)端的網(wǎng)站占了52%,首次超過了純PC端網(wǎng)站的43%,下面給我們就說一下手機(jī)網(wǎng)站的一般制作流程，它包含七個(gè)方面的知識(shí)，讓你避免走一些制作手機(jī)網(wǎng)頁(yè)的彎路。閱讀完成以下知識(shí)點(diǎn)，你就能對(duì)手機(jī)網(wǎng)頁(yè)的制作和設(shè)計(jì)有大概的了解，然后有針對(duì)性地學(xué)相應(yīng)知識(shí)。

1.手機(jī)網(wǎng)頁(yè)的標(biāo)記語(yǔ)言

WML ：

因?yàn)閃ML大部分針對(duì)早期和低端的手機(jī)，現(xiàn)在已經(jīng)逐步被其他的技術(shù)取代了，現(xiàn)在學(xué)習(xí)手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作完全可以忽略WML。

XHTML：

未來智能手機(jī)的市場(chǎng)份額會(huì)越來越大，考慮到這點(diǎn)，現(xiàn)在進(jìn)行手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作時(shí)，我們會(huì)用到更加熟悉的標(biāo)記語(yǔ)言Xhtml?，F(xiàn)在大部分智能手機(jī)的瀏覽器都能正確處理Xhtml，它會(huì)識(shí)別兩種類型的Html。

①Xhtml：基礎(chǔ)的，和桌面瀏覽器相同的Xhtml

②Xhtml-MP：針對(duì)智能手機(jī)的Xhtml

這兩種類型的不同之處，Xhtml-MP包含比較少的要素和相對(duì)寬松的限制，能適合手機(jī)平臺(tái)的渲染，現(xiàn)在很多手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作直接用Xhtml，也沒什么大問題。

2.手機(jī)類型

手機(jī)市場(chǎng)上既有非常高端的iPhone手機(jī)和谷歌的Android手機(jī)，也有諾基亞一些單色點(diǎn)陣顯示的低端機(jī)。這些低端機(jī)在瀏覽手機(jī)網(wǎng)頁(yè)時(shí)有很多的限制，如屏幕分辨率、渲染Xhtml的性能等，因此如果你的手機(jī)網(wǎng)頁(yè)是針對(duì)這部分用戶，最好還是用WML。

另一方面，類似于iPhone和Nexus One這種高端智能機(jī)，擁有可以和桌面瀏覽器相媲美的渲染網(wǎng)頁(yè)的性能。對(duì)這部分用戶而言，良好的用戶體驗(yàn)是很重要的，受限于手機(jī)的傳輸速度，如果直接用一般的電腦上瀏覽的網(wǎng)頁(yè)來代替手機(jī)網(wǎng)頁(yè)，對(duì)手機(jī)網(wǎng)頁(yè)的目標(biāo)客戶來說，并非明智之舉

3.手機(jī)網(wǎng)頁(yè)的目標(biāo)群體

任何網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)時(shí)都應(yīng)該明白自己的目標(biāo)群體，以便向他們傳輸最合適的信息。這點(diǎn)在進(jìn)行手機(jī)網(wǎng)頁(yè)設(shè)計(jì)制作時(shí)更為重要。因?yàn)槟悴粌H要知道你的目標(biāo)群體，還要知道他們?yōu)g覽手機(jī)網(wǎng)頁(yè)時(shí)的情景。瀏覽傳統(tǒng)的網(wǎng)站，訪客會(huì)坐在桌上，有著大分辨率的屏幕。手機(jī)網(wǎng)頁(yè)的訪客則有可能是在排隊(duì)、等交車、坐在地鐵等。

手機(jī)網(wǎng)頁(yè)的目標(biāo)群體，谷歌的開發(fā)者將看手機(jī)網(wǎng)頁(yè)人群分為三大類，這對(duì)我們進(jìn)行手

機(jī)網(wǎng)頁(yè)的設(shè)計(jì)和制作，很有參考意義。

4.根據(jù)具體需要提供網(wǎng)站內(nèi)容

一個(gè)很常見的誤區(qū)是很多網(wǎng)頁(yè)開發(fā)者認(rèn)為只需要簡(jiǎn)單的設(shè)置，就可以將一個(gè)傳統(tǒng)的網(wǎng)頁(yè)變成可以適應(yīng)手機(jī)瀏覽的網(wǎng)頁(yè)，他們認(rèn)為只需要在CSS樣式表將media=”screen”變成media=”handheld”就能使網(wǎng)頁(yè)神奇般地適用于手機(jī)。這是錯(cuò)誤的想法。

雖然針對(duì)手機(jī)用戶變更網(wǎng)頁(yè)的CSS可以過濾一部分的內(nèi)容，或者一些CMS網(wǎng)頁(yè)也提供了相應(yīng)的轉(zhuǎn)換插件。但這些方案并不完善。

W3c定義了“一個(gè)網(wǎng)站”的概念，意思是手機(jī)網(wǎng)頁(yè)不一定要提供和傳統(tǒng)網(wǎng)站完全一樣的內(nèi)容和設(shè)計(jì)，而是要根據(jù)手機(jī)的性能、帶寬等方面的不同提供一些差異化服務(wù)。

根據(jù)這個(gè)定義，一些傳統(tǒng)網(wǎng)頁(yè)的內(nèi)容和功能不能在手機(jī)上實(shí)現(xiàn)是很合理的。不同手機(jī)

能處理的內(nèi)容和功能也都是不一樣的。所以也可以根據(jù)這些手機(jī)進(jìn)行相應(yīng)的網(wǎng)頁(yè)制作。

5.選擇域名

為手機(jī)網(wǎng)頁(yè)選擇什么域名取決于你的目標(biāo)群體是如何進(jìn)入網(wǎng)站的。這里有三種域名可

供選擇：

A：為手機(jī)網(wǎng)頁(yè)使用獨(dú)立域名

B:為手機(jī)網(wǎng)頁(yè)使用子域名

C：為手機(jī)網(wǎng)頁(yè)注冊(cè)mobi的頂級(jí)域名

D：判斷客戶端，并自動(dòng)顯示對(duì)應(yīng)內(nèi)容

6.為手機(jī)網(wǎng)頁(yè)驗(yàn)證標(biāo)記語(yǔ)言

電腦的網(wǎng)頁(yè)瀏覽器對(duì)錯(cuò)誤比較寬容，一些html標(biāo)記的忘記書寫或者沒有正確嵌套在電腦瀏覽器都會(huì)正確顯示，當(dāng)然容錯(cuò)率高意味著消耗更高的cpu和內(nèi)存。

手機(jī)瀏覽器的性能還無(wú)法和電腦相提并論，所以手機(jī)瀏覽器對(duì)手機(jī)網(wǎng)頁(yè)的錯(cuò)誤要嚴(yán)格一些。所以在設(shè)計(jì)和制作手機(jī)網(wǎng)頁(yè)時(shí)，你必須不斷進(jìn)行檢查、驗(yàn)證和糾錯(cuò)。驗(yàn)證手機(jī)網(wǎng)頁(yè)和驗(yàn)證一般傳統(tǒng)的網(wǎng)頁(yè)沒什么區(qū)別，如果你使用Xhtml編寫，可以使用相同的工具。W3C驗(yàn)證器可以驗(yàn)證一些簡(jiǎn)單的錯(cuò)誤，當(dāng)然這里有一個(gè)更適合驗(yàn)證手機(jī)網(wǎng)頁(yè)的版本。

7.為手機(jī)網(wǎng)頁(yè)不斷測(cè)試

當(dāng)通過了手機(jī)網(wǎng)頁(yè)的驗(yàn)證之后，就要針對(duì)幾種不同的手機(jī)進(jìn)行各種測(cè)試了。用電腦的

瀏覽器雖然可以進(jìn)行模擬測(cè)試，但是并不完善。這種方式通過的手機(jī)網(wǎng)頁(yè)不能適用于某些手機(jī)。

有些手機(jī)文件尺寸的限制可能會(huì)很小，所以你制作的手機(jī)網(wǎng)頁(yè)在這些設(shè)備上甚至無(wú)法顯示。另外瀏覽器支持的文件類型也會(huì)不同，支持的圖像格式也會(huì)不同。測(cè)試時(shí)候手機(jī)網(wǎng)頁(yè)當(dāng)然不可能擁有所有手機(jī)，所以制作網(wǎng)頁(yè)時(shí)可以使用一些替代手段。

手機(jī)網(wǎng)站建設(shè)有哪些流程

1、購(gòu)買服務(wù)器和域名，網(wǎng)站備案過程

企業(yè)在選擇域名時(shí)，盡量選擇大家經(jīng)常用的常見主流域名后綴，而不是要選擇最近出的其他后綴的域名。

2、手機(jī)網(wǎng)站建設(shè)準(zhǔn)備前工作

例如網(wǎng)站關(guān)鍵詞定位，網(wǎng)站用戶群體都有哪些，提供產(chǎn)品和服務(wù)等，還有就是網(wǎng)站開發(fā)需求等

3、正式開始制作過程

導(dǎo)航設(shè)計(jì)、前端設(shè)計(jì)、網(wǎng)頁(yè)制作、后臺(tái)制作

4、代碼上傳服務(wù)器、測(cè)試

將代碼用ftp上傳至服務(wù)器，本地測(cè)試，上線前測(cè)試

5、網(wǎng)站上線、完善和維護(hù)

這就是手機(jī)網(wǎng)站建設(shè)流程，如果手機(jī)網(wǎng)站采用二級(jí)域名就會(huì)省去很多事情，畢竟是在主域名下進(jìn)行的手機(jī)網(wǎng)站。如果主域名備案，二級(jí)域名直接解析就行。

6、網(wǎng)站運(yùn)營(yíng)和優(yōu)化

一個(gè)網(wǎng)站上線以后不代表你就可以有用戶，有IP。是需要你對(duì)自己網(wǎng)站進(jìn)行細(xì)致的優(yōu)化和運(yùn)營(yíng)，才能讓網(wǎng)站有訪客，能夠合作成單。

手機(jī)網(wǎng)站開發(fā)需要什么技術(shù)

手機(jī)網(wǎng)站主要是要基于手機(jī)3G的一個(gè)平臺(tái)，現(xiàn)在一般是使用JAR技術(shù)進(jìn)行制作的

關(guān)于手機(jī)網(wǎng)站開發(fā)技術(shù)和開發(fā)網(wǎng)站的技術(shù)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站信途科技。