手機如何製作電腦網頁設計_手機html網頁和電腦上的html網頁在製作上有什麼區別

1、手機網頁如何製作。。

低版本的dreamweaver有沒有這個功能我不清楚。但是在dreamweaver cs6中，你可以點新建-流體網格布局然後如圖所示。

2、怎麼製作網站的手機版

做手機網站的方法一下幾種

1、模板站，下載手機網站模板，然後將內容和PC站點通用，這樣移動設備訪問網站時就會自動轉入到手機站的模板。

你也可以解析一個m開頭的域名作為手機站的域名，有利於搜索引擎抓取。

2、自適應網站，這種網站不需要另做手機站，因為網站的自適應，會根據你使用的設備解析度來調整網頁的排版和內容顯示。

3、H5快速建站，現在有很多服務商支持H5快速建立手機網站，只需要你把內容上傳，這些服務商就會將這個網站做出來，比較方便快捷，缺點就是免費的都有廣告，而且不支持使用自己網站的域名。

4、用代碼寫出來的手機站，這種網站就是屬於靜態網站，所有的內容都是通過代碼寫進去的，想要更改內容比較麻煩。優點就是一步到位，想要什麼效果都能達到。

5、手機直達頁，這種可以說是一個網站，也可以說是一個網頁，這種手機站比較適合推廣使用，將所有企業的推送產品放在這個頁面上，然後完美的展示出來，用戶點擊之後可以進入購買頁面或者直接進入咨詢頁面，可以更有效的提高轉化效果。

3、怎麼製作網站的手機版？

可以去下載pageadmin建站系統或者wp系統來做，推薦pageamdin，這個支持pc和手機共享數據，或者你做成響應式網站就可以了。

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

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

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

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

手機網站布局設計方法

1、手機網站的單頁

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

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

2、首頁布局

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

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

3、內容頁布局

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

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

4、列表頁布局

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

5、自己做的網頁如何讓電腦端和手機端顯示成一樣啊！！！

你用百分比試試，然後在按F12看下哪個東西超出了

6、怎麼製作html5網站頁面讓它適應電腦和手機的尺寸

媒體查詢語法：
@media screen and (max-width:960px){...}
@media screen and (max-width:768px){...}
@media screen and (max-width:320px){...}
<link rel="stylesheet" media="screen and (orientation:portrait) and (min-width:800px),projection" href="800wide-portrait-screen.css" />
注意：1，媒體查詢之間使用逗號隔開；2，在projection之後，沒有and，也沒有任何特性/值的組合。沒有後續表達式，意味著只要是projection就滿足條件。
@media screen and (max-device-width:400px){......}
@import url("~~.css") screen and (max-width:360px);
（@import方法會增加http請求，影響載入速度。）
媒體查詢能檢測的特性（最長用過的是設備的視口寬度(width)和屏幕寬度(device-width)）：
widht：視口寬度
height：視口高度
device-width：渲染表面的寬度（設備屏幕的寬度）
device-height：渲染表面的高度（設備屏幕的高度）
orientation：檢查設備處於橫向還是縱向。
aspect-ratio：基於視口寬度和高度的寬高比。(16:9的顯示屏可以定義為aspect-ratio:16/9)
device-aspect-ratio:和aspect-ratio類似，基於設備渲染平面寬度和高度的寬高比。
color：每種顏色的位數。例：min-color：16會檢測設備是否擁有16位顏色。
color-index：色板的顏色索引表中的顏色數。值必須是非負數。
monochrom：檢測單色幀緩沖區中每像素所使用的位數。值必須是非負整數。
resolution：用來檢測屏幕或列印機的解析度，如min-resolution：300dpi。還可以接受每厘米像素點數的度量值，如min-resolution：118dpcm。
scan：電視機的掃描方式，值可設為progressive（逐行掃描）或interlace（隔行掃描）。如720p p表示逐行掃描。
grid：用來檢測輸出設備是網格設備還是點陣圖設備。
在上述所有特性中，除scan和grid之外，都可以使用min和max前綴來創建一個查詢范圍。例如：
@import url("~~.css") screen and (min-width:200px) and (max-width:360px);這樣~~.css只會引入視口寬度介於200px至360px的顯示屏設備。
在樣式表的開頭位置設置樣式，以便適應所有涉及，然後使用媒體查詢來進一步重寫響應的部分。例如，先針對大視口設計(用戶大多數情況下使用滑鼠)，將導航鏈接設計成簡單的文字鏈接；然後再針對較小的視口，使用媒體查詢重寫這部分樣式，為拇指一族提供更大點擊區域。
使用多個獨立的文件會增加http請求數量，建議在已有的樣式表中追加媒體查詢樣式。（https://github.com/scottjehl/Respond）是為IE8及更低版本增加媒體查詢支持的最快的js工具。
阻止移動瀏覽器自動調整頁面大小：
在html的<head>中插入一個<meta>標簽。<meta>標簽中可以設置具體的寬度(如px)或者縮放比例(如2.0 設備實際尺寸的兩倍)。例如：<meta name="viewport" content="initial-scale=2.0,width=device-width">
<meta>標簽還可以控制頁面可縮放的范圍，下面的代碼允許用戶將頁面最多放大至設備寬度的3倍，最小壓縮至設備寬度的一半。<meta name="viewport" content="width=device-width,maximum-scale=3,minimum-scale=0.5">
還可以禁止用戶縮放，不過縮放是一個重要的輔助功能，所以很少禁用。<meta name="viewport" content="initial-scale=1.0,user-scalable=no"> user-scalable=no即禁止縮放。
w3c正嘗試使用@viewport聲明，不用在<head>中添加<meta>，不過要使用私有前綴，如@-o-viewport{width:320px}
針對不同視口寬度修正設計：
首先在css中為平板設備增加媒體查詢，數值ipad的視口寬度為768px（橫向1024px）
@media screen and (max-width:768px){
#wrapper{
widht:768px;
}
#header,#footer,#nav {
width:748px;
}
}
=============================這只是一部分筆記===========
推薦一本書響應式Web設計：HTML5和CSS3實戰.pdf

7、手機html網頁和電腦上的html網頁在製作上有什麼區別

1.導航設計

手機端頁面導航應當包括用戶必要的內容，刪除屏幕上不必要的鏈接，假如鏈接的詳細頁面內容不是用戶想要的，用戶不會點擊，也就沒必要設置。其中建立導航功能鍵的時候，其中以回到首頁、回到上一頁這兩個最為重要。

2.網站名稱或logo的設計

手機網頁的頂部沒有標題欄或地址欄，相應地，也就沒有網站標題和圖標。所以設計頁面的時候應該讓用戶知道，他們現在所瀏覽的網站名稱或logo，這對塑造品牌也很重要。

3.頁面排版

從用戶角度來說，他們希望閱讀所有的內容，所以我們進行內容呈現，只是用隔斷、重組、引語、線條或其他視覺方案來讓這些內容更容易訪問，使這些板塊顯得更都雅。

4.利用手機的天生優勢

手機有著許多傳統電腦所沒有的優勢，其中最大的優勢就是移動力，因此手機版網頁應該要特別發揮這些特性，讓手機網頁具有一般網頁更多的優勢。如：

移動定位：大部分的智能設備都有導航、定位的機制，可以讓客戶主動找到企業的位置。

移動聯系：如果用使用的是行動電話，可以立即發話;或者直接跳轉到通訊工具在線聊天;

鄰近地點：如果企業有很多據點，請告訴用戶，在他附近有哪一些地點是便於他能夠抵達的。

8、製作手機網頁需要什麼軟體 dw可以嗎？然後操作和電腦網頁設計一樣上傳嗎？

製作手機網頁需要什麼軟體？Dw可以嗎？然後操作和電腦網頁設計一樣上傳嗎？你這個問題是比較專業的，必須得是學過網頁設計的人才能回答你，要不然你就問問你的老師，要不你就上百度上搜一搜，這種問題一般人是打不上的

導航:首頁 > 萬維百科 > 手機如何製作電腦網頁設計

手機如何製作電腦網頁設計

與手機如何製作電腦網頁設計相關的知識