手機web開發(fā)(移動互聯(lián)網網頁開發(fā)時要注意哪些問題?)
1.移動互聯(lián)網網頁開發(fā)時要注意哪些問題?
關于這個問題yyseoer顧問表示：
一、企業(yè)手機端網站開發(fā)應留意網站的語氣風格，手機和pc端網站必須留意。色彩是吸引住人們集中注意力的一整因素。好的色調讓客戶在愿意繼續(xù)訪問之前覺得舒適。
二、企業(yè)手機端企業(yè)網站建設不要設定廣告，盡管廣告針對網站的存活是很由幫助的，但充分考慮移動端的屏幕要比電腦上的小得多。彈出廣告通常會阻攔用戶瀏覽的信息和操作，因此不要放置彈出窗口廣告。
三、企業(yè)手機端網站建設的萊單應簡介，因為移動屏幕的限定，網站的菜單項不能像計算機那般顯示，因而移動網站的萊單應簡潔，能夠顯示功能鍵導行作用。
四、公司手機端企業(yè)網站建設應快捷，用戶應用移動網絡就是圖方便，假如他們?yōu)榱司W頁瀏覽網站頁面的內容而被要求注冊，那就太麻煩了。因此，要開放瀏覽權限，一些特別的權限可以授予注冊用戶。
五、公司手機端企業(yè)網站建設應留意移動網站的內容布局，盡可能簡潔明了，不要太長，文字還要盡量大，并一直考慮到用戶在小屏幕上如何便捷知道基本信息。
2.手機網站建設時的注意事項有哪些?
布局 由于網頁的本身以及各種外在的因素，手機網頁在進行瀏覽的時候其實是一件比較耗費時間的事情，所以一定要記住的就是讓你的移動網站，盡可能的規(guī)劃的足夠便利于使用者。
之所以這樣說的原因就是當用戶通過手機對一個網站進行瀏覽的時候一定要讓重要，也就是主要的信息放在他第一時間能夠看到的地方，所以在進行內容不隔的過程當中，這一點一定要考慮到。 內容 大部分的用戶在進行一個網頁當中的文字瀏覽的過程當中，基本上是處于一個行走的狀態(tài)，所以，一定要保證網頁上面，不管是圖片內容還是文字內容，都盡可能的簡單，容易被理解。
所以一定要將移動界面上面呈現(xiàn)的各種內容確定好，同時，一定要對文本以及菜單進行合理的規(guī)劃。
3.手機網站建設需要注意哪些問題?愛問
1、明確自己想在手機網站上展示哪些信息： 在手機網站制作之前應該明確自己想在手機網站上展示什么，如果能做到有針對性的進行手機網站制作，通常手機網站在推廣之后都會為企業(yè)帶來一定量的潛在用戶。
2、在手機網站制作時要盡量符合滑動屏幕的方式： 在設計手機網頁時，應能夠以滑動屏幕的方式來閱讀網頁，因為滑動網頁操作比著放大網頁觀看來要簡單得多。 3、不能參照PC端網站來設計手機網站上的導航功能： 手機網頁與跟一般的PC端網頁不同，應該簡單的地方簡單化，該去掉的去掉，同時在當閱讀文章到最后時，要方便于用戶回到最前頭，減少卷動畫面的機會，讓網頁變得更容易于移動設備上閱讀。
4、手機網站制作也要考慮多種瀏覽器的兼容： 現(xiàn)在的移動瀏覽器能夠處理大多數(shù)網站，一般的瀏覽器都能夠正常瀏覽網頁。但由于手機上的瀏覽器也有多種，如果手機網站的兼容性差，就很可能會出現(xiàn)在某些瀏覽器上出現(xiàn)網頁變形、內容顯示不全的情況。
因此，手機網站制作必須考慮到兼容于多種瀏覽器。 5、在手機網站制作時一定要減少用戶文字輸入操作： 現(xiàn)在智能手機一般都沒有實體的鍵盤，或僅只有12鍵的電話輸入功能，因此在輸入文字上會比起使用電腦鍵盤麻煩得多。
因此，減少使用者輸入文字的機會，例如用戶名、密碼等，都是手機網站制作時要盡力避免的。 6、在手機網站制作時就應該考慮到日后的推廣和宣傳： 任何一個手機網站，都必須經過廣策劃、設計和推廣的過程，在手機網站制作時需要考慮日后的推廣，手機網站應該在豐富站內內容的同時，提供詳盡的產品信息以及聯(lián)系方式，并收集有關產品的用戶滿意度和顧客需求方面的反饋信息。
7、手機網站制作要兼顧非觸摸屏幕的設計： 雖然大多數(shù)手機都是智能手機，但也有為數(shù)不少的傳統(tǒng)手機，不具備觸摸的功能，使用的是傳統(tǒng)的控制方向鍵做為滑動的工具，這時候，手機網頁的制作應兼顧到非觸摸屏的手機瀏覽。 8、在手機網站制作時要記得要簡化網頁內容： 只需要將最重要的資訊放入移動版網頁，不太重要的內容內容，可以略去，或者通過超鏈接鏈接到新網頁上。
9、手機網站制作要注重網頁產品和服務的展示： 企業(yè)在手機網站上的產品和服務展示，可選擇企業(yè)的主要產品，對其各類參數(shù)或價格加以詳細說明，對于企業(yè)的新產品，也可以適當?shù)募右越榻B，必要時可以采用圖文并茂的方式，但圖片的體積應盡量小。
4.移動端網站建設有哪些注意事項
第一：移動網站頁面設計 因為移動端不同于PC端，我們在設計之前就必須要考慮到其分辨率的問題，由于移動端的特點屏幕小卻對內容要求要精簡全。
所以移動網站建站對于頁面要求很高，在移動網站頁面設計之前就需要合理安排網站內容和結構。同時也要做好網站頁面布局和視覺體驗，因為只有良好的用戶體驗，才能讓網站在移動端獲得好的排名。
第二、移動網站導航設計 由于移動設備分辨率的局限性，所以移動網站的導航設計顯得尤為困難，但是又不得不設計出很清晰導航結構，因為用戶進入到首頁之后，如果導航不清晰，將很難繼續(xù)訪問到網站內部。所以如何把PC端導航盡可能簡單甚至濃縮到移動網站就變得很重要，小編認為導航盡量包含主要欄目和重要信息頁足矣。
第三、網站內容布局要直奔主題 移動端由于分辨率的問題，不可能做的跟PC端那么全面。這就需要把重要信息放在顯眼的位置。
最好別下滑到下一頁面。盡可能讓用戶在首屏就找到用戶想要的信息。
這樣減少用戶下拉頁面時間，也可以用戶良好體驗度。 第四、移動網站加載問題 移動網站打開速度或者速率，都影響用戶打開網站。
如果網站打開過慢，甚至超過5秒用戶打開率就迅速下降。因此，移動網站打開速率盡量保持在3秒之內，用戶就很愿意在內容上面花費一定時間。
因此，移動網站建設就盡量減少不必需要的圖片甚至動畫的使用，保證網站打開速度。
5.【國 互 網】介紹手機網站開發(fā)中注意事項
1.選擇一個清新亮麗的色彩作為手機網站的主色調。
不僅在PC上網站是如此，而且在手機網站上也是如此。清新亮麗的色彩格調將給人以清新的觀感，第一感覺就能吸引注人，而這將給人以“一見鐘情”的感覺，手機網站開發(fā)中很注重這點。
2.讓手機網站的菜單使用起來更加簡潔而方便。 與PC端的網站不同，適合手機網站的菜單應該是簡潔而短小的，技能清晰地表達菜單的功能，有能在較小的手機屏幕上展開。
這個菜單就相當于PC端網站上的導航欄，可以指引用戶進行各類深入的操作。設計一個既簡潔有操作方便的菜單是做好手機網站開發(fā)的重要一環(huán)。
3.移動手機網站上不要帶有彈窗廣告。 網站上有廣告會影響你的網站內容的顯示，也會影響用戶在網站上的體驗，尤其是在很小的手機屏幕上，廣告彈窗不僅影響瀏覽者的視線，而且還會影響到瀏覽者的操作，甚至會喧賓奪主，搶奪用戶眼球。
4.手機網站上不要集中太多的內容。 與PC端網站不同，手機網站開發(fā)不宜集中太多的內容。
本身用戶操作手機就沒有操作電腦方便，再加上屏幕又比較小，這時候我們不可能做到讓手機網站也包含電腦網站所有的信息內容，只需要將主要的內容放在手機網站上即可，較為次要的內容可以簡明扼要的列出，但不宜大篇幅的介紹。 5.在設計網站寬度和圖片大小時，要考慮到屏幕的大小。
設計手機網站，應讓信息在一屏內顯示完畢。如果一屏顯示不完，可以讓用戶上下滾動，但不可讓用戶進行左右滾動操作。
這也是本著方便用戶瀏覽信息的角度來做的。方便用戶操作，讓用戶盡可能地少滾動屏幕，少采用放大縮小操作，這是一個好的手機網站應該具備的品質。
6.用戶打開鏈接時要盡可能地在一個窗口內瀏覽，不要打開新的窗口。 在智能手機上頻繁切換窗口是一件非常麻煩的事兒，而且用戶還有可能找不到如何回到你的網站首頁上去。
所以，在手機網站開發(fā)中要讓用戶盡可能地在一個窗口內瀏覽你的網站，不要讓用戶打開新的瀏覽器窗口。 好了，以上幾點就是【國互網】在手機網站開發(fā)中應該注意的幾個方面。
手機網站開發(fā)最重要的是用戶體驗，要時時考慮到信息的簡潔性、用戶操作的方便性，對用戶友好就是對我們的網站友好，提升了用戶的體驗效果，也就加深了用戶對我們手機網站的印象。 還有問題可以咨詢【國互網】官方網站：/sj.html 咨詢熱線：400-699-8909 手機：15300159931 QQ:613128626。
6.在手機上如何進行網頁開發(fā)
一樓說的有點文不對題，
手機頁面開發(fā)是需要面向不同平臺不同機器的，就像你開發(fā)的時候寫js代碼你需要考慮不同廠家的瀏覽器一樣。
目前你有兩個方向，我不知道你想向哪個方向發(fā)展：
1。wap開發(fā)，wap協(xié)議是web的子集，你學習會很快，并且支持大部分平臺的手機。純BS的架構，你完全重用J2ee中的框架。 其實每個客戶端手機都有自己的瀏覽器（W3C標準）。你就是與它們的瀏覽器通訊做頁面而己。
2。local的UI開發(fā)，也就是純CS架構，前端需要寫UI代碼，后端的話你還是可以重用的你構架，寫UI代碼時類似Swing編碼，我想如果你對Java很熟的話那Swing和AWT應該多少知道了。
在這方面你需要選擇陣營，目前有幾大陣營平臺的OS系統(tǒng)：
a. Nokia的Symbian系統(tǒng)； （Symbian語言，接近c++但不同C++）
b. MicroSoft的 Window mobile系統(tǒng) （c++語言）
c. 最近最火的Iphone系統(tǒng)； （Object C++語言，接近smallTalk語言）
d. 最近上升最快的Google的Android系統(tǒng) （java）
e. 長久不衰，各個平臺都支持，是個“萬精油”的J2me系統(tǒng)（j2me各個平臺都支持）
f. 黑霉手機采用的RIM系統(tǒng)（也是java語言與j2me有點類似）
g. 現(xiàn)在比較少用，并且不推薦的Palm，和linux系統(tǒng)。（c\c++）
個人建議： 如果你覺得做wap己經夠了，那你現(xiàn)在只需要花半個月時間研究一下w3c中關于wap的標簽規(guī)范，那你就可以做手機網絡應用開發(fā)了。
如果你想做更高級的應用，即cS架構的本地UI程序，比如游戲等。又分：
a. 如果想簡單點，就學j2me和Android，因為他們都是java基礎的。并且j2me只是java的子集，比j2se和j2ee要更簡單，但j2me沒有Android強大，學Android如果有Swing基礎會快很多。
b. 如果你覺得轉行到C語言也不難，那可以試試Iphone和WM以及Symbian平臺，目前這三個平臺占據(jù)了市場上絕大多數(shù)手機的份額。
一個人完全掌握上面所有系統(tǒng)非常難，需要一段長的時間。 我個人掌握了d,e,f三種，因為他們都是java基礎的。
另外補充一下你的疑問： j2me和android是兩個完全不同的平臺，完全沒有必要為了學android 而先去學j2me。
j2me是一個虛擬機，它可以被廠家選擇安裝在任何一臺機器上，這樣所有用j2me寫的游戲都可以跑。
而Android是一個操作系統(tǒng)，它目前只被支持Google的手機支持。只能跑用Android語言開發(fā)的程序（Android語言其實就是java語言準備的說是j2se而不是j2me）
7.ios端對webapp注入javascript時需要注意哪些細節(jié)
. 必須要適配所有的智能手機設備移動設備的屏幕是各式各樣的，對設計影響較大的主要是屏幕分辨率、尺寸、屏幕方向這些因素。
現(xiàn)在的iOS設備有320*480,640*960,1136*640,1024*768,2048*1536這些分辨率，3.5寸、4寸、7.9寸、9.7寸這些尺寸等，未來還有更大的尺寸。所以，需要解決Web app在不同屏幕下的界面適配問題。
最佳解決辦法有2個：1、在寫前端頁面的時候，css 采用100%布局2、采用html5技術來布局開發(fā)。1.1 適配不同分辨率通過響應式網頁的設計方法提升頁面在不同分辨率下的兼容性：由于手機屏幕尺寸下，一般來說只能一個模塊一個模塊地從上到下排列。
此時設計者就需要考慮模塊擺放的優(yōu)先級了。一般來說，用戶重點關注的、最近更新、與用戶相關的信息應該放在前面。
另外最好以主流分辨率480*800進行設計，對略高于和略低于該分辨率的屏幕可將界面元素進行縮放，對間距、邊距進行適當調整。所以，在設定容器、圖片、文本框的寬度時最好避免使用px單位，使用%可使頁面在不同分辨率屏幕下保持布局和頁面結構不發(fā)生改變。
1.2 平板電腦使用CSS3的媒體查詢（media query）語句可獲得瀏覽器的高寬和設備的像素比，并可根據(jù)開發(fā)者的需要對不同的設備應用不同的樣式表。所以開發(fā)者可以控制一個頁面在不同設備上的表現(xiàn)。
由于手機屏幕和平板電腦的屏幕尺寸和像素都相去甚遠，所以為了充分利用平板電腦的大屏優(yōu)勢，以獲得良好的用戶體驗，最好在兩種設備上使用不同的界面布局。相信iOS用戶都有這樣的感覺：有的App只適配iPhone，在iPad上運行則無法布滿屏幕，只能點“2X”按鈕顯示一個粗糙的界面。
還有一種App可同時兼容iPhone和iPad，在手機和平板的屏幕上都能完美顯示，用戶也無需單獨下載兩個版本。很明顯，后者使用起來更方便，更美觀。
Mobile Web App使用媒體查詢功能即可實現(xiàn)這種功能。那么在平板電腦上，有哪些需要注意的設計點呢？因為平板電腦多在橫屏下使用，所以使用分欄視圖可在一個界面內顯示兩個層級的內容，方便用戶快速切換item。
首頁多以宮格視圖、Tab為主，微博、QQ這種以內容為主的界面將分欄視圖作為默認首頁也是可以的。在手機上最常使用的list在平板上就不是很常用了，整個屏幕顯示list，不僅浪費空間，也沒有分欄視圖的操作高效。
需要注意的是，IE9以下的瀏覽器不支持media query.1.3 橫豎屏切換由于目前還不能在webkit內核里禁止設備方向的旋轉，所以如果用戶的設備開啟了屏幕方向根據(jù)重力自動旋轉，那么運行于瀏覽器的Web App也是會跟著旋轉的。如果能夠捕捉到設備的方向，可以對橫豎屏分別進行布局設計，但最好能保證界面風格和樣式不會有大的變化。
反例就是iPhone的音樂App，在豎屏下會顯示歌曲list，但是切換到橫屏下顯示專輯封面。兩種界面風格跳動太大會導致部分用戶不適應，以為是兩個不同的頁面。
計算器App也只有在橫屏下才顯示科學計算模式，豎屏下用戶根本無法切換到該模式，連引導也沒有。宮格視圖是橫豎屏切換最平滑的布局，看看iOS系統(tǒng)的主屏幕就知道了。
一個個應用程序圖標在橫豎屏切換時，幾乎只是圖標旋轉了一下方向。還有一點就是切換到橫屏時，可自動進入全屏模式以顯示更多的內容。
否則標題欄和底部欄將會占去很多空間2.WebAPP的交互動效受瀏覽器性能影響，很多Native App能實現(xiàn)的華麗動畫在Web App項目里的表現(xiàn)并不是很好。所以應該果斷去掉非必要的動效以保證Web App能夠運行流暢。
因為很多動效會對用戶起到很好的引導作用，如果沒有這些動畫，可能會導致用戶對界面邏輯關系的理解產生混亂。這就對動效的設計提出了較高的要求。
總結了一下Web App的幾點動效設計原則：●盡量不使用不必要的動效?！駜?yōu)先使用簡單的動畫。
如平移、縮放。盡量避免使用3D動畫。
●避免刷新頁面。因為整個頁面白屏，瀏覽器走進度條的體驗會給用戶瀏覽網頁的感覺，而不是在使用app●框架元素優(yōu)先顯示。
只在內容加載區(qū)域顯示loading動畫●避免跳變。在不影響性能的情況下，可盡量用縮放和平移動畫，保證用戶視覺焦點的延續(xù)性和理解的延續(xù)性。
●同類界面/對象，同層級界面/對象的動效保持一致?？蓭椭脩衾斫猱a品架構和導航邏輯。
●高層級界面的動效對應高級物理位置。如果左右平移的動畫是用來切換上下一層級，那么首頁應該是在最左邊，如iOS。
如果前后切換的動畫是用來切換上下一層及，那么首頁應該是在最上面，如Windows Phone。3.WebAPP的內容布局和APP的風格要保持一致講導航和信息內容布局的文章眾多，Mobile Web App既然要實現(xiàn)Native App的操作體驗，照傳統(tǒng)的移動客戶端的設計模式去設計即可。
只需要記住你設計的Web App需要運行在iOS, Android, Windows Phone等多個平臺，多種設備上即可。由于iOS相比其他平臺，沒有back按鍵，所以在iOS上運行需要保證界面內的導航能夠實現(xiàn)閉環(huán)。
所以Android上有些操作可以通過Menu鍵喚出，但是在iOS上就需要直接暴露出來。下圖左側是Zaker的Android版，右側是iPhone版。
Android版的菜單欄需要點擊Menu鍵才出現(xiàn)。4.善于使用Native Ap。
