網頁設計用表格設計手機屏幕頁面_設計手機上瀏覽的網頁前台一般用table還是用CSS+DIV

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

一般來說，通過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，識別當前頁面的解析度，來給出樣式，這種比較好也比較復雜，代碼量很多但是一般沒有兼容問題。

2、用dreamweaver做手機網站，怎麼讓界面適合手機

手機界面一般寬度是640px 或 320px
做的時候用DIV或表格時設置成100%大小
手機界面比較簡潔一些，不要有過多文字，建議用圖片模塊化

手機網站是指用WML（無線標記語言）編寫的專門用於手機瀏覽的網站，通常以文字信息和簡單的圖片信息為主。隨著向手機智能化方向發展，安裝了操作系統和瀏覽器的手機的功能和電腦是很相似的（這種智能手機也就是「口袋個人電腦」PPC），使用這種手機可以通過GPRS上網可瀏覽幾乎所有的www網站，無論網站是不是專門的wap網站，而且還可以安裝專門為手機設計的程序，如手機炒股、QQ、MSN等。由於手機的屏幕尺寸和CPU處理能力有限，專門為手機進行優化的網站更為方便用戶瀏覽。這也為網站設計提出了新的要求：網站要適應手機瀏覽。

3、設計手機上瀏覽的網頁，前台一般用table還是用CSS+DIV?

<table>兼容性高，div+css只有webkit核心的瀏覽器才支持，但是如果要做專業的wap網站還是要用wml語言。

4、用表格和表單設計如下網頁

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>

<body>
<form action="" method="post" name="form">
<table width="501" border="0" align="center">
<tr>
<td colspan="2" align="center"><h2>請留下個人資料</h2></td>
</tr>
<tr>
<td width="122" align="right">姓名：</td>
<td width="363"><label>
<input type="text" name="textfield" />
</label></td>
</tr>
<tr>
<td align="right">電話：</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">E-mail：</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right">性別：</td>
<td><label>
<input type="radio" name="radiobutton" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td align="right">年齡：</td>
<td><label>
<select name="select">
<option value="0">-請選擇-</option>
<option value="1">20歲以下</option>
<option value="2">20-30歲</option>
<option value="3">30歲以上</option>
</select>
</label></td>
</tr>
<tr>
<td align="right">留言板：</td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
</tr>
<tr>
<td align="right">您的愛好</td>
<td><label>
<input type="checkbox" name="checkbox" value="checkbox" />
運動
<input type="checkbox" name="checkbox2" value="checkbox" />
閱讀<br/> <input type="checkbox" name="checkbox2" value="checkbox" />
聽音樂 <input type="checkbox" name="checkbox2" value="checkbox" />
旅遊
</label>

</td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" value="全部重寫" />
</label></td>
</tr>
</table>
</form>
</body>
</html>把代碼粘上就是你要的樣子了

5、做手機網頁設計時，用電腦瀏覽器模擬做出來的頁面在不同手機屏幕上的顯示，是什麼瀏覽器，怎麼設置

chrome瀏覽器，f12

6、怎樣使表格顯示(網頁設計)

在dreamweaver中
將表格的框架貼到設計窗體上
然後設置表格的寬度為大於0以上即可顯示表格

7、html能寫出適合手機屏幕訪問的頁面嗎

能，但是需要響應式設計方法來開發我們的web網頁。
1、響應式設計需要做的有很多技術和技巧，和做電腦端網頁一樣,響應式開發需要div等元素就可以自動適應屏幕大小，就是在設置每個元素屬性的時候要用百分比,最好不要用px
2、當下響應式布局設計需要使用HTML5技術和CSS3技術才能完美的開發出來，通過不同的媒介類型和條件定義樣式表規則。媒介查詢讓CSS可以更精確作用於不同的媒介類型和同一媒介的不同條件。媒介查詢的大部分媒介特性都接受min和max用於表達」大於或等於」和」小於或等於」。如：width會有min-width和max-width媒介查詢可以被用在CSS中的@media和@import規則上，也可以被用在HTML和XML中。通過這個標簽屬性，我們可以很方便的在不同的設備下實現豐富的界面，特別是移動設備，將會運用更加的廣泛。

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

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

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

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

手機網站布局設計方法

1、手機網站的單頁

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

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

2、首頁布局

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

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

3、內容頁布局

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

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

4、列表頁布局

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

9、網頁所有內容在手機一屏上全部顯示需要怎麼設計？

不知道樓主具體表達的是什麼，我的理解是不是，樓主希望網頁的內容是抵滿屏幕的上下跟左右的？如果樓主的意思是這樣的話，那麼這基本是不可能的。
一般網頁設計都是固定寬度的，主流的網頁寬度，一般都是在1000像素左右，居中顯示。所以，無論你怎麼調整瀏覽器，你都會發現網頁的內容在瀏覽器的中間，當然如果瀏覽器小於了網頁寬度就會出現水平滾動條。你是22寸的顯示器，那麼瀏覽器全屏的時候左右就會留出很大的空白。
只有很少的網站頁面，無論你瀏覽器多大，都會鋪滿，這種情況一般都是內容比較單一，或者元素比較少時。在網頁設計里，如果瀏覽器大小改變，網頁也會跟著適應的話，這布局上會出現很多意料之外的情況，所以一般都會設計成固定寬度的。
如果樓主的意思是，瀏覽器全屏的話，那麼快捷鍵是F11

導航:首頁 > 萬維百科 > 網頁設計用表格設計手機屏幕頁面

網頁設計用表格設計手機屏幕頁面

與網頁設計用表格設計手機屏幕頁面相關的知識