Dreamweaver網頁製作之表格設計

　　表格設計

　　表格是現代網頁製作的一個重要組成部分。表格之所以重要是因為表格可以實現網頁的精確排版和定位。本節教程我們分為兩步來進行。首先看錶格操作的一個執行個體。然後來看一些表格操作的基本方法。在開始製作表格之前，我們首先對錶格的各部分的名稱做一個介紹。(看下圖)

　　一張表格橫向叫行，縱向叫列。行列交叉部分就叫做儲存格。

　　儲存格中的內容和邊框之間的距離叫邊距。儲存格和儲存格之間的距離叫間距。整張表格的邊緣叫做邊框。

　　下面看看我們使用表格製作的頁面的執行個體

　　這幅頁面的排版格式，如果用以前我們所講的對齊是無法實現的。因此我們需要用到表格來做。實際上是用兩行兩列的表格來製作。

　　1、在插入欄中選擇

　　按鈕或“插入”菜單>選“表格”。系統彈出表格對話方塊如下圖。這些參數我們都已經認識了。行：2。列：2。其餘的參數都保留其預設值。。

　　2、在編輯檢視介面中產生了一個表格。表格右、下及右下角的黑色點是調整表格的高和寬的調整柄。當游標移到點上就可以分別調整表格的高和寬。移到表格的邊框線上也可以調整。(如下圖)

　　3、在表格的第一格按住左鍵不放，向下拖拽選中二格儲存格。(如下圖)

　　然後在展開的屬性面板中選擇合併儲存格按鈕(如下圖紅框所示)。將表格的儲存格合并。如果要分割儲存格，則可以用合併儲存格按鈕右邊的按鈕。

　　合并結果如下圖。

　　4、用滑鼠拖拽表格的邊框調整到適當的大小。

　　5、單擊左邊的儲存格，然後輸入“攝影作品賞析”文字，並調整大小，因是豎排應每個字斷行符號一次。如果需要調整格子的大小。只需要滑鼠的游標移動到邊框上拖拽即可。

　　6、在右邊上下儲存格內分別插入圖片和文本。頁面的基本樣子有了。