1. 手機WEB頁面開發跟PC端差別大嗎

差別大,主要差別在一下方面。

一、開發終端不同

1、手機端:以手機、PDA、UMPC等便攜終端為基回礎,進行相應的答開發工作。

2、PC端:是開發基於B/S(IE瀏覽器)的網頁開發是由若干個頁面組成的有聯系的集合。

二、開發方式不同

1、手機端:是為小型、無線計算設備編寫軟體的流程和程序的集合,像智能手機或者平板電腦。移動應用開發類似於Web應用開發,起源於更為傳統的軟體開發。

2、PC端:主要針對電子商務領域,不僅是網站美工和內容,可能涉及到網站的一些功能的開發,比製作有更深層次的意思。


三、特點不同

1、手機端:無線中間件(移動中間件)的原理就是把原生的功能封裝打包成簡單的API,開發人員只需要了解調用這些API的方法,即可完成移動開發。

2、PC端:針對不同的行業領域與市場規模,提供有針對性的解決方案,採用業內最優化的電子商務流程,以及各種受消費者歡迎的營銷工具。

2. 手機網站開發怎麼開發。

以前的手機網站,受到很多局限,因此,涉及wap網站會有必要 而3G是解決很多局限,使用3G 訪問網站也是web網站,速度不比在電腦上差,唯獨的區別就是,屏幕小了點。 不過一些協議還是要考慮的,我想這個也最終會解決掉的。

3. 請問移動端網頁開發怎麼開發

下面是我從網上收集整理的wap2.0手機網站開發需要注意的7個問題:
手機網頁編碼需要遵循什麼規范?
遵循Xhtml Mobile Profile規范(WAP-277-XHTMLMP-20011029-a.pdf),簡稱為XHTML MP,也就是通常說的WAP2.0規范。 XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設計的。它以XHTML Basic為基礎,加入了一些來自XHTML 1.0的元素和屬性。這些內容包括一些其他元素和對內部樣式表的支持。和XHTML Basic相同,XHTML MP是嚴格的XHTML 1.0子集。
網頁文檔推薦使用擴展名?
推薦命名為xhtml,按WAP2.0的規范標准寫成html/htm等也是可以的。但少數手機對html支持的不好。
為什麼現今大多數的網站一行字數上限為14個中文字元?
由於手持設備的特殊性,其頁面中實際文字大小未必是我們在CSS中設定的文字大小,尤其是在第三方瀏覽器中。例如Nokia5310,其內置瀏覽器 頁面內文字大小與CSS設定相符,但是第三方瀏覽器OperaMini與UCWEB頁面內文字大小卻大於CSS設定。經測試,其文本大概在16px左右。 假如屏幕解析度寬度為240px,去除外邊距,那麼其一行顯示14個字以內,是比較保險(避免文本換行)的做法。
使用WCSS還是CSS?
WCSS (WAP Cascading Style Sheet 或稱 WAP CSS)是移動版本的CSS樣式表。它是CSS2的一個子集,去掉了一些不適於移動互聯網特性的屬性,並加入一些具有WAP特性的擴展(如-wap-input-format/-wap-input-required/display:-wap-marquee等)。 需要留意的是,這些特殊的屬性擴展並不是很實用,所以在實際的項目開發當中,不推薦使用WCSS特有的屬性。
避免空值屬性
如果屬性值為空,在web頁面中是完全沒有問題的,但是在大部分手機網頁上會報錯。
網頁大小限制
建議低版本頁面不超過15k,高版本頁面不超過60k。
用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜?
有條件的話,我們當然建議在手機實體上進行測試,因為目標客戶群的手機設備總是在不斷變化的,這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況,比如圖片色彩,頁面大小限制等就很難再模擬器上測試出來。當然,一些第三方手機瀏覽器的在線模擬器還是可以進行測試的,第三方瀏覽器相對來說受手機設備的影響較小。

4. java 如何開發手機web頁面

首先Java是後台語言,不能進行web前端頁面開發,只能在web後台作為服務端語言進行回資源處理答;
如果需要進行移動端web頁面開發,那涵蓋的前端的知識點很多,最基礎的如HTML5/CSS3/Javascript,而在這之上有很多框架是為移動端web頁面開發提供便捷開發方式的,如支持響應式布局的bootstrap,如移動端交互的zepto,多了解下這些才能完成頁面開發;

5. 手機端的頁面怎麼開發,和web html有區別嗎

兩者之間沒有區別。

有許多方法可以在手機上開發網頁。 目前,html5的發展還不夠平專衡,導致主要瀏覽屬器對h5的支持不盡人意。 但是,其添加了@media屬性(屬於css3,html5和css3的名稱在這里沒有嚴格區分,實際上,是兩種不同的技術)。

從那時起,網頁創建可以根據用戶所持有的設備的像素寬度來識別是否正在使用行動電話,從而在用戶正在使用移動設備時下載移動頁面。 但是,其存在某些缺點。 在這個階段,手機的標准還很不規范。

(5)手機頁面開發擴展閱讀:

目前現階段的手機網頁開發,主要的手段是:

其一,在meta標簽中添加關於像素寬度的限制語句,然後實現css的相對寬度。 但是,界面會顯得雜亂無章,因此很少使用此方法。

其二,這種方法是最常見的。 網站頁面分為兩個部分,分別面向計算機和手機。 當用戶請求頁面時,標題信息用於確定其是否是計算機瀏覽器,然後針對不同的請求發送不同的網頁文件。 這樣的網頁通常不是靜態的。

另外,開發移動網頁時,可以使用Chrome的開發人員工具。 Chrome開發人員工具可以模擬手機頁面的開發,還可以模擬許多設備,方便用戶開發。

6. 手機網頁用什麼開發

目前手機網頁開發主要的兩個平台就是Android跟IOS開發:
【Android 開發】
安卓手機回軟體開發機型覆蓋范答圍超過113款,其整體設計採用mvc架構。自定義實現產品列表顯示模式,自定義實現按鍵放大縮小動畫效果,利用ViewFlipper實現不同界面間滑動的切換效果,並配專業的測試,全面保障APP品質。
【IOS 開發】
iOS開發基於Apple的Cocoa Touch框架,採用 MVC (Model View Controller) 的設計模式,使用Http及Socket兩種主流的通訊方式:Http通訊通過xml來傳輸數據,Socket通訊通過sip指令集的形式來傳輸數據。
另外你可以選擇找一些開發公司進行定製開發,比如【Mcmore麥多】http://www.mcmore.com/

7. 如何進行移動端的頁面開發

應該說,移動端的開發是伴隨著HTML5的興起而出現的,2007年第一款iPhone誕生,2009年HTML5這個名詞第一次登上「舞台」。當時的移動互聯網開始逐漸興起,發展到今,移動互聯網已經和人們的日常生活密切相關。作為開發者,對於一個嶄新的事物,一直在嘗試的「路上」,到底最好的開發方式是什麼?本文介紹了從移動端誕生到現在,自己探索到的開發方法,並配以相應知識點,歡迎跟大家溝通、分享。

初次接觸移動端,絕對單位的使用

自己接觸移動端開發是在2012年,那時候比較新潮的是製作WEB APP。什麼是WEB APP呢?所謂的WEB APP就是用網頁模擬出原生語言(如iOS)開發的APP交互效果。雖然在表現層面上,HTML5表現突出,但不得不承認的是,在系統性能層面,WEB APP明顯要差於原生應用(即Native APP)。這也就使得WEB APP這條路暫時性的被堵住了。

於是,移動端的開發方向逐漸向移動端網頁傾斜。對於PC端,我們一直使用的是px(像素)進行代碼的書寫,但是到了移動端,需要面臨不同的解析度。在2012年的時候,自己和團隊成員在寫移動端的時候,由於是初次接觸,還是在使用px(像素)作為單位。因為在2012年的時候,絕大多數的手機的屏幕大小都是320*480解析度,所以,即便是使用像素作為單位進行移動端網頁開發也是完全可以的。

關於視口的知識,可點擊查看——移動端H5知識-視口viewport

橫向百分比,縱向像素值

隨著移動端的繼續發展,在2012年9月,iPhone5上市,開始引領「特殊解析度」的發展,於是,320*480解析度的手機屏幕在整個手機市場當中佔有的份額越來越少,各種各樣的解析度如雨後春筍般冒了出來。

此時我們再進行固定像素進行開發明顯是不明智的。於是,我們開始採用百分比(相對度量單位)進行盒模型橫向屬性(width、左右內邊距、左右外邊距)的製作,使用em(相對度量單位)實現文字的處理。但盒模型縱向上還是使用固定像素作為單位。

但是,這種操作導致了一個問題——主要表現在img標簽的處理上。成都軟體開發公司http://www.yingtaow.com?對於圖片來說,只需要設置橫向百分比,縱向會自動等比例縮放。在列表頁以及內容頁還好,畢竟內容是自動撐開父級高度的;但是在首頁或者二級頁,但凡涉及到父級元素高度固定的盒模型,裡面的img就會出現變形(壓縮或者拉伸)的問題。

這個問題也是困擾了自己許久,但是一直沒有找到一個非常好的解決辦法。

響應式布局

當自己還在糾結img的處理時,2013年,在北京流行起了一種新的技術——響應式布局。通過媒體查詢,針對不同大小解析度的設備,設置不同的樣式。應該說,對移動端頁面的開發幫助不大,原因在於,響應式的出現主要是因為我們希望一段代碼能夠同時適配PC端、平板電腦以及手機。由於三種平台的樣式以及用戶體驗應該是迥然不同的,那麼此時,我們就需要有「斷點」,在不同位置,有不同的樣式,而在兩個「斷點」之間的樣式,則使用相對單位做「漸變性的過渡」。

應該說,響應式布局解決了典型的屏幕像素不同樣式的問題,但是卻依舊搞定不了之前的那個問題。

關於CSS3媒體查詢的知識,可點擊查看——移動端H5知識-CSS3媒體查詢

橫向縱向均百分比

在橫向百分比,縱向像素值的方法無效時,自己能夠想到的就是縱向也設置為百分比了,但是卻發現,盒模型屬性在縱向上的一些設置上是存在問題的,如padding-top/bottom、margin-top/bottom等。而文本屬性中line-height在設置百分比時也並不是按照當前元素高度計算的。

於是,橫縱向均設置為百分比的方法就破滅了~

關於盒模型的一些問題以及背景的合理使用,可點擊查看——移動端H5知識-百變盒模型以及移動端H5知識-背景的妙用

橫向縱向rem

隨著HTML5的發展,除了原來的em單位,又新增了rem單位。這兩個單位都是相對單位。1em表示的是當前元素一個字體大小的尺寸;而1rem,也表示的是一個字體大小的尺寸,但是是針對html標簽進行計算的。相比之下,rem的計算起來要簡單很多。於是,自己嘗試用rem解決橫向以及縱向的設置,舍棄掉了百分比,發現還是挺不錯的,算是兼容了絕大多數機型和瀏覽器。之後,在使用一款華為手機進行測試的時候,發現並不支持橫向的rem。於是,又需要想辦法啦~~~

正解 —— 橫向百分比,縱向rem

針對華為手機,我嘗試了橫向百分比,發現還是能夠支持的,於是就折中了一下,橫向使用百分比進行控制,縱向使用rem作為單位。此時能夠實現所有瀏覽器的兼容。

優化正解 —— 橫向百分比,縱向rem

在橫向使用百分比,縱向使用rem時,會由於計算產生一定的誤差,於是,運用學習過的一些HTML5技術,進行移動端頁面的優化,例如,使用CSS3的盒陰影替換掉邊框。而對於rem,在計算中通常是存在一定的字體誤差的(會計算出小數點),此時正好接觸了一下淘寶的移動端頁面,看到了一個不錯的JS框架——flexible.js,通過這個框架對頁面進行處理,能夠防止小數點的出現。

關於flexible.js框架的具體用法,可點擊查看——移動端H5知識-處理rem小數點 flexible.js

優化正解2 —— 任性的使用固定像素來實現

上個月月初,發現網易移動端的製作方法有些特殊,查看代碼時發現,網易採用了固定像素進行書寫,而通過MetaHandler.js進行了頁面的控制。最近嘗試了一下,感覺還是挺不錯的,兼容也是比較好的,不失為一種好方法。

關於MetaHandler.js框架的具體用法,可點擊查看——移動端H5知識-固定像素的實現方法

8. 在手機上如何進行網頁開發

一樓說的有點文不對題,

手機頁面開發是需要面向不同平台不同機器的,就像你開發的時候寫js代碼你需要考慮不同廠家的瀏覽器一樣。

目前你有兩個方向,我不知道你想向哪個方向發展:
1。wap開發,wap協議是web的子集,你學習會很快,並且支持大部分平台的手機。純BS的架構,你完全重用J2ee中的框架。 其實每個客戶端手機都有自己的瀏覽器(W3C標准)。你就是與它們的瀏覽器通訊做頁面而己。

2。local的UI開發,也就是純CS架構,前端需要寫UI代碼,後端的話你還是可以重用的你構架,寫UI代碼時類似Swing編碼,我想如果你對Java很熟的話那Swing和AWT應該多少知道了。
在這方面你需要選擇陣營,目前有幾大陣營平台的OS系統:
a. Nokia的Symbian系統; (Symbian語言,接近c++但不同C++)
b. MicroSoft的 Window mobile系統 (c++語言)
c. 最近最火的Iphone系統; (Object C++語言,接近smallTalk語言)
d. 最近上升最快的Google的Android系統 (java)
e. 長久不衰,各個平台都支持,是個「萬精油」的J2me系統(j2me各個平台都支持)
f. 黑霉手機採用的RIM系統(也是java語言與j2me有點類似)
g. 現在比較少用,並且不推薦的Palm,和linux系統。(c\c++)

個人建議: 如果你覺得做wap己經夠了,那你現在只需要花半個月時間研究一下w3c中關於wap的標簽規范,那你就可以做手機網路應用開發了。

如果你想做更高級的應用,即cS架構的本地UI程序,比如游戲等。又分:
a. 如果想簡單點,就學j2me和Android,因為他們都是java基礎的。並且j2me只是java的子集,比j2se和j2ee要更簡單,但j2me沒有Android強大,學Android如果有Swing基礎會快很多。

b. 如果你覺得轉行到C語言也不難,那可以試試Iphone和WM以及Symbian平台,目前這三個平台占據了市場上絕大多數手機的份額。

一個人完全掌握上面所有系統非常難,需要一段長的時間。 我個人掌握了d,e,f三種,因為他們都是java基礎的。

另外補充一下你的疑問: j2me和android是兩個完全不同的平台,完全沒有必要為了學android 而先去學j2me。
j2me是一個虛擬機,它可以被廠家選擇安裝在任何一台機器上,這樣所有用j2me寫的游戲都可以跑。
而Android是一個操作系統,它目前只被支持Google的手機支持。只能跑用Android語言開發的程序(Android語言其實就是java語言准備的說是j2se而不是j2me)

9. 手機應用開發,手機網頁開發

你換個瀏覽器試試,有的瀏覽器,可以直接顯示電腦網頁的。
我之前用uc ,uc會把網頁自動轉換
最近用歐鵬,貌似可以達到效果

10. 手機端的頁面怎麼開發,和web html有區別嗎

二者是沒有區別的。
手機端的網頁開發手段很多,目前html5發展不是很平衡,導致各大瀏覽器對h5的支持不竟如人意。但是出現了令人驚喜的地方,其中最令人激動的就是增加了@media屬性(屬於css3,在此不對html5和css3做嚴格區分,實則二者是兩個不同的技術)。自此,網頁製作可以根據用戶所持設備的像素寬度來辨明是否是在使用手機,從而在用戶使用移動設備的時候下載移動頁面。但是,也有一定的不足,就是現階段手機標准很不規范,各大廠商為了賺錢,解析度已經發展到不可理喻的地步了。
所以,目前現階段的手機網頁開發,主要的手段是幾種:
其一,在meta標簽裡面加入對像素寬度的限制語句,然後再通過css的相對寬度來實現。但這樣界面會出現亂排的現象,所以這種手段幾乎沒人用。
其二,這種方法最為普遍。網站頁面分為兩個,分別面向電腦和手機,用戶請求頁面的時候,通過頭部信息來判斷是否為電腦瀏覽器,再針對不同的請求發送不同的網頁文件。這種網頁一般不是靜態。
開發手機網頁的時候,推薦你使用chrome的開發者工具就行了,chrome開發者工具可以模擬手機頁面開發,裡面還模擬了很多的設備,從而便於用戶開發。