1、手機html網頁和電腦上的html網頁在製作上有什麼區別
1.導航設計
手機端頁面導航應當包括用戶必要的內容,刪除屏幕上不必要的鏈接,假如鏈接的詳細頁面內容不是用戶想要的,用戶不會點擊,也就沒必要設置。其中建立導航功能鍵的時候,其中以回到首頁、回到上一頁這兩個最為重要。
2.網站名稱或logo的設計
手機網頁的頂部沒有標題欄或地址欄,相應地,也就沒有網站標題和圖標。所以設計頁面的時候應該讓用戶知道,他們現在所瀏覽的網站名稱或logo,這對塑造品牌也很重要。
3.頁面排版
從用戶角度來說,他們希望閱讀所有的內容,所以我們進行內容呈現,只是用隔斷、重組、引語、線條或其他視覺方案來讓這些內容更容易訪問,使這些板塊顯得更都雅。
4.利用手機的天生優勢
手機有著許多傳統電腦所沒有的優勢,其中最大的優勢就是移動力,因此手機版網頁應該要特別發揮這些特性,讓手機網頁具有一般網頁更多的優勢。如:
移動定位:大部分的智能設備都有導航、定位的機制,可以讓客戶主動找到企業的位置。
移動聯系:如果用使用的是行動電話,可以立即發話;或者直接跳轉到通訊工具在線聊天;
鄰近地點:如果企業有很多據點,請告訴用戶,在他附近有哪一些地點是便於他能夠抵達的。
2、如何把web端的網頁設計成wap端網頁
WAP的全稱是「無線應用協議(Wireless Application Protocol)」,是一種向移動終端提供互聯網內容和先進增值服務的全球統一的開放式協議標准,
是簡化了的無線Internet 協議。手機網站按照這種標准提供服務,支持這種標準的手機就可以訪問這些網站亨受這些服務。
WEB是網的意思,這里應是指World Wide Web,WWW,萬維網。萬維網常被當成網際網路的同義詞,不過其實萬維網是靠著網際網路運行的一項服務。
WAP和WEB並稱的時候,前者是指基於WAP協議的手機網站,後者是指基於HTTP協議的電腦網站,支持WAP的手機可以直接訪問WAP站點,
手機訪問WEB站點則需要經過網關轉換;同樣,電腦可以直接訪問WEB站點,電腦訪問WAP站點也需要經過網站轉換。
我告訴你,WAP網站確實沒什麼用處,當時出現只是為了節省流量,適合低端手機的運算能力,現在所有手機基本上都可以訪問WWW的WEB網站了,以後WAP將被徹底淘汰掉;
如果你是想做出的網站同時在手機和網頁端飯訪問,建議你用HTML5去開發,因為HTML5支持手機和網頁端,而且還是自適應屏幕的大小;
3、手機端網頁設計
meta標簽是位於<head>標簽中的一個設定網頁的重要元素標簽,
第一個meta標簽代碼一般用於手機端,因為每個手機型號的屏幕不一樣,所以這個代碼可以讓網頁自己適應手機端的屏幕大小顯示。
第二個meta標簽代碼代表電話號碼,手機號碼,並檢測手機號碼的格式,手機可以識別點擊然後自動撥號。
4、手機端的頁面怎麼開發,和web html有區別嗎?
二者是沒有區別的。
手機端的網頁開發手段很多,目前html5發展不是很平衡,導致各大瀏覽器對h5的支持不竟如人意。但是出現了令人驚喜的地方,其中最令人激動的就是增加了@media屬性(屬於css3,在此不對html5和css3做嚴格區分,實則二者是兩個不同的技術)。自此,網頁製作可以根據用戶所持設備的像素寬度來辨明是否是在使用手機,從而在用戶使用移動設備的時候下載移動頁面。但是,也有一定的不足,就是現階段手機標准很不規范,各大廠商為了賺錢,解析度已經發展到不可理喻的地步了。
所以,目前現階段的手機網頁開發,主要的手段是幾種:
其一,在meta標簽裡面加入對像素寬度的限制語句,然後再通過css的相對寬度來實現。但這樣界面會出現亂排的現象,所以這種手段幾乎沒人用。
其二,這種方法最為普遍。網站頁面分為兩個,分別面向電腦和手機,用戶請求頁面的時候,通過頭部信息來判斷是否為電腦瀏覽器,再針對不同的請求發送不同的網頁文件。這種網頁一般不是靜態。
開發手機網頁的時候,推薦你使用chrome的開發者工具就行了,chrome開發者工具可以模擬手機頁面開發,裡面還模擬了很多的設備,從而便於用戶開發。
5、手機端網頁設計尺寸多少
iPhone手機網頁的設計尺寸
iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px解析度是163PPI
安卓網頁的設計尺寸
320dp:一個普通的手機屏幕(240X320,320×480,480X800)
480dp:一個中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)
ipad網頁的設計尺寸
iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI
6、HTML5移動網頁的設計稿尺寸應該是多少
HTML5的移動端網頁設計稿,通常情況下,內容區為750px或960px或者1080px的,一般不小於750px像素大小(寬度)
設計稿可以比750px大,但是絕對不能比750px小,這個主要是由於當前手機的解析度相對較高(iPhone 6是375物理像素,但實際像素為其兩倍,也就是750,這個750就是這么來的)
如果設計圖稿過小,前端在實現圖稿的時候裡面的圖片大小在高解析度的情況下會顯得模糊不清,所以這也是為何要「大」解析度
此外需要注意的是,要保證頁面的基準字體大小,在320px的設計稿當中,最小字體不宜小於12像素,其他像素的設計稿當中,等比例換算即可(12/320px*設計稿像素值)
7、請問移動端網頁開發怎麼開發?
下面是我從網上收集整理的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。
用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜?
有條件的話,我們當然建議在手機實體上進行測試,因為目標客戶群的手機設備總是在不斷變化的,這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況,比如圖片色彩,頁面大小限制等就很難再模擬器上測試出來。當然,一些第三方手機瀏覽器的在線模擬器還是可以進行測試的,第三方瀏覽器相對來說受手機設備的影響較小。
8、網站移動端怎麼做?
需要你懂程序原理,手機用戶打開網站自動跳轉到M的移動端網址,只需要在head標簽加一段代碼即可,原理是識別瀏覽器標識,標識位手機系統的自動跳轉M(現在的手機瀏覽器一般也可以設置PC標識,看訪問需求,默認是移動端標識)。
同步數據需要有程序基礎,這里不過多講解,用二級域名只需要到設置解析就行了
9、一個好的移動端網頁設計是如何製作
你好。只是一點建議
1.讓你的整個網頁都適合在移動端上瀏覽
相比在移動端上直接操作桌面版網頁,經過適配的移動網頁會大大方便用戶的操作使用。桌面版網頁手機的小屏幕里顯得窄而小,並且很難操作。經過對比,手機版的網頁主要由方便操作的大按鈕組成,顯得簡潔。
2.將主操作按鈕設計得更友好
手機用戶很容易忽視手機界面上的元素,所以主操作按鈕要放在顯要位置。手機頁面的主操作按鈕可能會跟桌面版的有所不同,所以你要從在用戶的角度考慮,來決定你要把主操作按鈕放在什麼位置。
3.菜單欄要簡短而中肯
桌面版網頁里有豐富的菜單欄可能會很方便用戶使用,但手機用戶不會有耐心滑動長長的選項欄,找他們想要的東西。
望採納
10、如何做好手機網頁設計
隨著互聯網科技的發展以及人們生活方式的改變,手機網站逐漸趕上PC網站,成為企業宣傳推廣以及用戶閱讀的的主要平台,因此也有越來越多的企業開始製作手機網站。不過,手機網頁設計必須遵循移動端的設計原則,而不是盲目沿用電腦網站的設計規律,畢竟兩者還是有很大區別的。
首先,移動端網頁設計都需要考慮網路的問題。雖然現在的網路普及程度高,但是大部分用戶還是利用手機流量來上網的,因此對手機網頁的訪問載入速度要求較高。如果用戶在流量網頁時遇到頁面遲滯、視覺錯位、信息不全等問題,用戶體驗就會大打折扣,因此要求網頁內容盡量簡潔明了,同時展現精準、有用、易用的菜單欄。
還有,因為手機端屏幕大小不一,如果想要保證所有人正常訪問頁面,維持內容的可讀性,那麼就需要我們在進行相關設計的時候,盡量控制文本的間距、顏色,著重突出頁面的重點內容,讓用戶更容易看到自己想看到的內容,另外,一般手機中的電話、簡訊、推送等信息是無處不在的,用戶在瀏覽網站時,注意力很容易就被這些彈出來的信息所吸引,因此網頁的圖標設計一定要高效,讓用戶在短時間內就知道網頁的導航信息是什麼、主要內容是什麼,節省用戶時間的同時,還為網站爭取了成交的機會。
手機網站布局設計方法
1、手機網站的單頁
手機網站建設的單頁這個是存在於很多企業網站的內容,單頁優化有著一定的好處,首先網站的單頁是用HTML書寫,並且完全靜態化,這個是符合搜索引擎的,有利於優化,對搜索引擎友好。
這種頁面的布局往往需要的是大氣,簡潔,直入主題。一般可以用來介紹公司以及公司的主要核心內容。
2、首頁布局
手機網站建設的首頁是一個網站的核心部分,瀏覽者首先看到的就是首頁,然後才會看到內頁,才會了解你的公司,只有首頁有吸引力,才能留住瀏覽者瀏覽你網站的內容,那麼首頁的布局就很重要了。
首頁需要突出網站的核心,展示公司的優勢,盡顯企業的特色,而且需要有主次之分,上下之分,因為瀏覽者的習慣是從上而下,從左而右瀏覽的。
3、內容頁布局
手機網站建設的內容頁就是網站的內容詳細展示頁面了,有的網站建設者沒有太多注意的問題,手機網站建設者認為內容頁根本不重要或是不是很重要,只要在後台把文章內容上傳上去讓其顯示就可以了。
其實一些大網站的權重流量都是靠這些內容頁撐起來的,我們每天更新文章顯示的一個界面,這個頁面的一個好的內容頁能夠給網站帶來某一特定詞的排名。
4、列表頁布局
手機網站建設的列表頁分為圖片列表和文章列表頁。圖片列表頁一般展示的是公司的案例或產品,一般圖文布局展示就可以了。文章列表頁展示的是公司的新聞或行業動態之類的文章,一般是新聞標題顯示布局就可以了。