網頁設計表格布局網頁怎麼做

1、DW網頁設計中，我用表格做的網頁，怎麼才能居中 ，求教

方法一，修改代碼！

table代碼加上align="center"

例如：（PS：代碼不完整，但可以看到效果。）

<tabel align="center">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

方法二，設計界面修改!

看圖：

建議：表格做網頁並不是很好，建議樓主學習一下div+css布局，有html基礎很快就可以學會的。

2、靜態網頁設計製作中的布局模式

一、靜態布局（Static Layout）

即傳統Web設計，網頁上的所有元素的尺寸一律使用px作為單位。

1、布局特點：不管瀏覽器尺寸具體是多少，網頁布局始終按照最初寫代碼時的布局來顯示。常規的pc的網站都是靜態（定寬度）布局的，也就是設置了min-width，這樣的話，如果小於這個寬度就會出現滾動條，如果大於這個寬度則內容居中外加背景，這種設計常見與pc端。

2、設計方法：

PC：居中布局，所有樣式使用絕對寬度/高度(px)，設計一個Layout，在屏幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分；

移動設備：另外建立移動網站，單獨設計一個布局，使用不同的域名如wap.或m.。

在移動端開發中採用靜態布局的兩種方式：

（1）在viewport meta標簽上設置width=320，頁面的各個元素也採用px作為單位。通過用JS動態修改標簽的initial-scale使得頁面等比縮放，從而剛好占滿整個屏幕。（見前端開發-web app 變革之rem）

（2）設在viewport meta標簽上設置content"width=640,user-scalable=no，頁面的各個元素也採用px作為單位。由於640px超出了手機寬度，瀏覽器會自動縮小頁面至剛好全屏。

優點：這種布局方式對設計師和CSS編寫者來說都是最簡單的，亦沒有兼容性問題。

缺點：顯而易見，即不能根據用戶的屏幕尺寸做出不同的表現。

二、流式布局（Liquid Layout）

流式布局（Liquid）的特點（也叫"Fluid") 是頁面元素的寬度按照屏幕解析度進行適配調整，但整體布局不變。代表作柵欄系統（網格系統）。

網頁中主要的劃分區域的尺寸使用百分數（搭配min-*、max-*屬性使用），例如，設置網頁主體的寬度為80%，min-width為960px。圖片也作類似處理（width:100%, max-width一般設定為圖片本身的尺寸，防止被拉伸而失真）。

1、布局特點：屏幕解析度變化時，頁面里元素的大小會變化而但布局不變。【這就導致如果屏幕太大或者太小都會導致元素無法正常顯示】

2、設計方法：使用%百分比定義寬度，高度大都是用px來固定住，可以根據可視區域 (viewport) 和父元素的實時尺寸進行調整，盡可能的適應各種解析度。往往配合 max-width/min-width 等屬性控制尺寸流動范圍以免過大或者過小影響閱讀。

這種布局方式在Web前端開發的早期歷史上，用來應對不同尺寸的PC屏幕（那時屏幕尺寸的差異不會太大），在當今的移動端開發也是常用布局方式，但缺點明顯：主要的問題是如果屏幕尺度跨度太大，那麼在相對其原始設計而言過小或過大的屏幕上不能正常顯示。因為寬度使用%百分比定義，但是高度和文字大小等大都是用px來固定，所以在大屏幕的手機下顯示效果會變成有些頁面元素寬度被拉的很長，但是高度、文字大小還是和原來一樣（即，這些東西無法變得「流式」），顯示非常不協調。

三、自適應布局（Adaptive Layout）

自適應布局的特點是分別為不同的屏幕解析度定義布局，即創建多個靜態布局，每個靜態布局對應一個屏幕解析度范圍。改變屏幕解析度可以切換不同的靜態局部（頁面元素位置發生改變），但在每個靜態布局中，頁面元素不隨窗口大小的調整發生變化。可以把自適應布局看作是靜態布局的一個系列。

1、布局特點：屏幕解析度變化時，頁面裡面元素的位置會變化而大小不會變化。

2、設計方法：使用 @media 媒體查詢給不同尺寸和介質的設備切換不同的樣式。在優秀的響應范圍設計下可以給適配范圍內的設備最好的體驗，在同一個設備下實際還是固定的布局。

四、響應式布局（Responsive Layout）

隨著CSS3出現了媒體查詢技術，又出現了響應式設計的概念。響應式設計的目標是確保一個頁面在所有終端上（各種尺寸的PC、手機、手錶、冰箱的Web瀏覽器等等）都能顯示出令人滿意的效果，對CSS編寫者而言，在實現上不拘泥於具體手法，但通常是糅合了流式布局+彈性布局，再搭配媒體查詢技術使用。——分別為不同的屏幕解析度定義布局，同時，在每個布局中，應用流式布局的理念，即頁面元素寬度隨著窗口調整而自動適配。即：創建多個流體式布局，分別對應一個屏幕解析度范圍。可以把響應式布局看作是流式布局和自適應布局設計理念的融合。

響應式幾乎已經成為優秀頁面布局的標准。

1、布局特點：每個屏幕解析度下面會有一個布局樣式，即元素位置和大小都會變。

2、設計方法：媒體查詢+流式布局。通常使用 @media 媒體查詢 和網格系統 (Grid System) 配合相對布局單位進行布局，實際上就是綜合響應式、流動等上述技術通過 CSS 給單一網頁不同設備返回不同樣式的技術統稱。

3、利用dreamweaver製作網頁時，如何用表格(不是布局表格)來布局？

插入一個表復格
然後按照你腦子里制的藍圖 把表格風格成若干行 例，
然後在單元格里再次插入表格 再次按照你的要求進行分行分例 一直到達到你的要求為止。

剛開始學習可能覺得枯燥 後面慢慢就好了！

把這個掌握熟悉以後 你就可以學習利用div布局了
div是王道啊 現在流行
速度比表格快太多了

4、在網頁製作中怎樣將布局表格像框架一樣將鏈接網頁一個區域中打開

你的意思是在網頁中內嵌一個其他連接的網頁么？
如果是，參考以下代碼！
<iframe
src="需要內嵌版的網頁地址"
width="寬度權"
height="高度"
scrolling="no"
frameborder="0"
></iframe>
把這個代碼中的文字替換成你的信息、然後把代碼插入到你頁面所需位置即可！

5、請問這個網頁怎麼用表格和div製作？

div嵌套，現在table表格布局已經不流行了，可以用div+css進行布局。

6、網頁表格布局是設計網頁的基本方法，要完成下圖的表格布局，你認為可行的方法是( )：

答案是：C
共有4行，且最多豎列的一行是第三行（有3豎列），所以只需插入一個4行3列的表格。而第二行和第四行只有一個豎列，所以需要合並。由此可得答案為C。
希望能幫到你！

7、網頁設計：表格布局頁面的問題

最好是在單元格中加入表格，因為這樣方便修改與增加，建議你最好不要在一個表格中出現三個table ，因為那樣會很影響網速的，

8、dreamweaver製作網頁中，網頁布局有時候用布局表格、布局單元格，有時候直接用表格，怎麼確定用哪種方式？

現在一般的網頁布局都有DIV，表格的優勢 簡單 缺點 反復欠套煩瑣 瀏覽速度會比較慢 代碼內多
div的優勢 速度快容 代碼少 都在css文件里控制瀏覽器直接下載緩存了 缺點 兼容性 差ie6 ie7 火狐 等瀏覽起標准不一樣 需要專業知識，你可以看看你的網頁有沒有特殊的要求，自己練的話就先用表格試試