Dreamweaver網(wǎng)頁制作教程:表格設(shè)計_Dreamweaver教程
表格設(shè)計
表格是現(xiàn)代網(wǎng)頁制作的一個重要組成部分。表格之所以重要是因為表格可以實現(xiàn)網(wǎng)頁的精確排版和定位。本節(jié)教程我們分為兩步來進行。首先看表格操作的一個實例。然后來看一些表格操作的基本方法。在開始制作表格之前,我們首先對表格的各部分的名稱做一個介紹。(看下圖)

一張表格橫向叫行,縱向叫列。行列交叉部分就叫做單元格。
單元格中的內(nèi)容和邊框之間的距離叫邊距。單元格和單元格之間的距離叫間距。整張表格的邊緣叫做邊框。
下面看看我們使用表格制作的頁面的實例

這幅頁面的排版格式,假如用以前我們所講的對齊方式是無法實現(xiàn)的。因此我們需要用到表格來做。實際上是用兩行兩列的表格來制作。
1、在插入欄中選擇

按鈕或“插入”菜單>選“表格”。系統(tǒng)彈出表格對話框如下圖。這些參數(shù)我們都已經(jīng)熟悉了。行:2。列:2。其余的參數(shù)都保留其默認值。。

2、在編輯視圖界面中生成了一個表格。表格右、下及右下角的黑色點是調(diào)整表格的高和寬的調(diào)整柄。當(dāng)光標移到點上就可以分別調(diào)整表格的高和寬。移到表格的邊框線上也可以調(diào)整。(如下圖)

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

然后在展開的屬性面板中選擇合并單元格按鈕(如下圖紅框所示)。將表格的單元格合并。假如要分割單元格,則可以用合并單元格按鈕右邊的按鈕。

合并結(jié)果如下圖。

4、用鼠標拖拽表格的邊框調(diào)整到適當(dāng)?shù)拇笮 ?/P>
5、單擊左邊的單元格,然后輸入“攝影作品賞析”文字,并調(diào)整大小,因是豎排應(yīng)每個字回車一次。假如需要調(diào)整格子的大小。只需要鼠標的光標移動到邊框上拖拽即可。
6、在右邊上下單元格內(nèi)分別插入圖片和文本。頁面的基本樣子有了。

7、光標移動到表格的邊框上單擊。表格四周出現(xiàn)調(diào)整框,表示選中整張表格。然后,在屬性面板中將“邊框”值設(shè)置適合的值,假如為0,邊框在編輯狀態(tài),為虛線顯示,瀏覽時就看不見了。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- Dreamweaver MX 2004 官方簡體中文版教程
- DreamweaverMX2004互動網(wǎng)站百寶箱for PHP
- Dreamweaver 8 完美網(wǎng)頁設(shè)計—CSS網(wǎng)頁設(shè)計篇
- 北風(fēng)網(wǎng)資深web講師李炎恢講師Dreamweaver系列課程(已完結(jié)|45課時)陸續(xù)更新中
- DreamweaverMX2004互動網(wǎng)站百寶箱for PHP
- 中文版Dreamweaver 8入門必練
- PHP+MYSQL網(wǎng)站設(shè)計入門實踐
- 呂聰賢網(wǎng)頁三劍客視頻教程FlashMX,DreamweaverMX,F(xiàn)i
- Dreamweaver+Flash+Photoshop網(wǎng)頁制作教程
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作教程:表格設(shè)計
。