首頁網頁手機端設計

1、如何把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支持手機和網頁端，而且還是自適應屏幕的大小；

2、關於手機端網頁設計html

要不你得把所有代碼發出來，大家看下才知道，要不你上傳到空間，網址發出來大家看一下，這樣子是看不出什麼問題的

3、手機端網頁設計尺寸多少

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

4、網頁UI設計和手機UI設計的區別是什麼

網頁UI設計，面對的對象是網頁，各種的網頁。
手機UI設計，面對的對象是手機端APP的頁面。
兩這個規則是不一樣的，因為屏幕的大小是有所區別的。

5、如何做好手機網頁設計

隨著互聯網科技的發展以及人們生活方式的改變，手機網站逐漸趕上PC網站，成為企業宣傳推廣以及用戶閱讀的的主要平台，因此也有越來越多的企業開始製作手機網站。不過，手機網頁設計必須遵循移動端的設計原則，而不是盲目沿用電腦網站的設計規律，畢竟兩者還是有很大區別的。

首先，移動端網頁設計都需要考慮網路的問題。雖然現在的網路普及程度高，但是大部分用戶還是利用手機流量來上網的，因此對手機網頁的訪問載入速度要求較高。如果用戶在流量網頁時遇到頁面遲滯、視覺錯位、信息不全等問題，用戶體驗就會大打折扣，因此要求網頁內容盡量簡潔明了，同時展現精準、有用、易用的菜單欄。

還有，因為手機端屏幕大小不一，如果想要保證所有人正常訪問頁面，維持內容的可讀性，那麼就需要我們在進行相關設計的時候，盡量控制文本的間距、顏色，著重突出頁面的重點內容，讓用戶更容易看到自己想看到的內容,另外，一般手機中的電話、簡訊、推送等信息是無處不在的，用戶在瀏覽網站時，注意力很容易就被這些彈出來的信息所吸引，因此網頁的圖標設計一定要高效，讓用戶在短時間內就知道網頁的導航信息是什麼、主要內容是什麼，節省用戶時間的同時，還為網站爭取了成交的機會。

手機網站布局設計方法

1、手機網站的單頁

手機網站建設的單頁這個是存在於很多企業網站的內容，單頁優化有著一定的好處，首先網站的單頁是用HTML書寫，並且完全靜態化，這個是符合搜索引擎的，有利於優化，對搜索引擎友好。

這種頁面的布局往往需要的是大氣，簡潔，直入主題。一般可以用來介紹公司以及公司的主要核心內容。

2、首頁布局

手機網站建設的首頁是一個網站的核心部分，瀏覽者首先看到的就是首頁，然後才會看到內頁，才會了解你的公司，只有首頁有吸引力，才能留住瀏覽者瀏覽你網站的內容，那麼首頁的布局就很重要了。

首頁需要突出網站的核心，展示公司的優勢，盡顯企業的特色，而且需要有主次之分，上下之分，因為瀏覽者的習慣是從上而下，從左而右瀏覽的。

3、內容頁布局

手機網站建設的內容頁就是網站的內容詳細展示頁面了，有的網站建設者沒有太多注意的問題，手機網站建設者認為內容頁根本不重要或是不是很重要，只要在後台把文章內容上傳上去讓其顯示就可以了。

其實一些大網站的權重流量都是靠這些內容頁撐起來的，我們每天更新文章顯示的一個界面，這個頁面的一個好的內容頁能夠給網站帶來某一特定詞的排名。

4、列表頁布局

手機網站建設的列表頁分為圖片列表和文章列表頁。圖片列表頁一般展示的是公司的案例或產品，一般圖文布局展示就可以了。文章列表頁展示的是公司的新聞或行業動態之類的文章，一般是新聞標題顯示布局就可以了。

6、一個好的移動端網頁設計是如何製作

你好。只是一點建議
1.讓你的整個網頁都適合在移動端上瀏覽
相比在移動端上直接操作桌面版網頁，經過適配的移動網頁會大大方便用戶的操作使用。桌面版網頁手機的小屏幕里顯得窄而小，並且很難操作。經過對比，手機版的網頁主要由方便操作的大按鈕組成，顯得簡潔。
2.將主操作按鈕設計得更友好
手機用戶很容易忽視手機界面上的元素，所以主操作按鈕要放在顯要位置。手機頁面的主操作按鈕可能會跟桌面版的有所不同，所以你要從在用戶的角度考慮，來決定你要把主操作按鈕放在什麼位置。
3.菜單欄要簡短而中肯
桌面版網頁里有豐富的菜單欄可能會很方便用戶使用，但手機用戶不會有耐心滑動長長的選項欄，找他們想要的東西。
望採納

7、網頁設計中，如何讓頁面自適應手機端？

一般來說，通過CSS3，可以直接對不同解析度下的樣式進行定義，比如如下的代碼。
/* PC或中大型筆記本設備 desktop */ @media all and (min-width: 1201px) { .title-desktop{ display: block !important; } .container { width: 1100px; } } /* 中小型筆記本或大平板 laptop */ @media all and (min-width: 980px) and (max-width: 1200px) { .title-laptop{ display: block !important; } .container { width: 920px; } }
但是上面的方法，可能不會兼容老版本ie。
所以也可以通過js，識別當前頁面的解析度，來給出樣式，這種比較好也比較復雜，代碼量很多但是一般沒有兼容問題。

8、移動端網頁怎樣設計簡潔 手機網頁設計技巧

直接到網上下載手機端的建站系統，例如：pageadmin和discha都不錯、簡單、方便、直接！

9、手機端的網站頁面設計有參考網站嗎

建站可以下載下載獨立網站管理系統來做、比如pageadmin、wp這些，後期網站代碼自己控制管理，擴展修改什麼的更靈活。PC端和手機端可以整合的。

10、手機網頁應該怎樣設計?

一、選用合適的字體。

手機網頁設計成功離不開排版，排版應該獲得和圖片同樣的重視。雖然可供選擇的字體很多，設計師要考慮的方面很多，比如說，目標客戶和客戶公司的性質。為手機網站頁眉和內容選用合適的字體是必不可少的，無襯線字體和有襯線字體通常會為設計帶來良好的效果。除此之外，你還可以結合其它字體，專為孩子和女性打造網站。

二、選擇合適的配色方案。

任何手機網站的設計都離不了合適的配色方案，這對創建一個整潔干凈的網站同樣適用。堅持使用淡色和非彩色的投影對成功設計一個簡潔網站大有裨益。淺色的投影可以幫助用戶把焦點轉向網站內容。標志使用黑色和較深的投影，手機網頁中的頁眉和導航元素使用淺色背景，這些都是不錯的案例，並沒有規定在簡潔網頁設計中不能使用大膽的顏色，但是這樣的顏色要小心，剋制地使用。有時候，手機網站有必要使用深色背景色來吸引某些目標用戶。比起漸變色，有些手機網站更鍾愛純色。如果你的手機網站非得要使用紋理和漸變色，也不要用得太過火。

三、提高頁面載入速度，手機網站以簡潔為主。

一般來說，手機網站在用戶下載和瀏覽時要比PC端網站的速度慢得多，頁面東西太復雜，會耗掉用戶等待網站載入的耐心，尤其是導航欄要簡短清晰，能夠快速地指引用戶瀏覽網站的深層信息。對於網站內容來說，簡潔突出重點就好，所謂的內容越豐富越好已不適用於手機網站了。

四、避免使用彈窗。

無論是出於方便用戶聯系網站客服還是做些小廣告的目的，都要盡可能避免彈出窗口的應用，手機網站本來載入速度就慢，再添加這些窗口，必然會影響用戶體驗，阻礙用戶瀏覽網站的視線，進而佔用用戶流量，引起反感而放棄對網站的繼續訪問。

五、手機網站圖片要適配設置。

從手機上瀏覽網站必然沒有那麼方便，操作也不如PC端靈活自如，前面也說到了使用網站設計技術可以解決網站適應屏幕的問題，網站圖片也不例外，但為了用戶能將頁面使用圖片的地方看得更加清晰，可採用整站縮放的模式，而不是用戶點擊單張圖片的縮放模式，當然，手機網站能少用圖片是最好的。 六、網站操作簡單化。關於新頁面的打開方式，最好採用當前頁面顯示的方式來設計，以免新窗口造成網站資源佔用的負擔，同時對於出現網站錯誤的現象最好設置提醒，讓用戶快速找到頁面出口進行跳轉，而不是不斷地進行返回操作。

七、互動式的互動行為。

用戶在移動客戶端都喜歡進行留言，分享功能。特別是看到一篇很棒的帖子都會選擇分享到朋友圈或者空間中，讓朋友也參與裡面。例如現在比較流行的做就是做微信公眾號大咖們，往往一篇帖子都會造成幾千人的持續瀏覽、點贊或者分享內容，粉絲喜歡中這種參與行為，因為這種圈子拉動粉絲在持續發酵中，用戶慢慢都會捨不得離開。