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

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

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

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

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

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

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

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

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

7、光標(biāo)移動(dòng)到表格的邊框上單擊。表格四周出現(xiàn)調(diào)整框,表示選中整張表格。然后,在屬性面板中將“邊框”值設(shè)置適合的值,假如為0,邊框在編輯狀態(tài),為虛線顯示,瀏覽時(shí)就看不見(jiàn)了。
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver MX進(jìn)階教程(十九)防止英文字符撐破表格
- Dreamweaver制作復(fù)雜交換圖像
- 網(wǎng)頁(yè)制作小技巧之教怎樣用好Dreamweaver
- 用戶登錄的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- 用Dreamweaver制作網(wǎng)頁(yè)七招實(shí)用技巧
- Dreamweaver MX2004視頻寶典教程 配色原則
- Dreamweaver制作網(wǎng)頁(yè)技巧20則
- 技巧:讓網(wǎng)頁(yè)中文字替代圖片
- Dreamweaver制作網(wǎng)頁(yè)經(jīng)典問(wèn)題大整理
- 使用Dreamweaver輕松實(shí)現(xiàn)網(wǎng)頁(yè)背景音樂(lè)
猜你也喜歡看這些
- Dreamweaver MX 2004 官方簡(jiǎn)體中文版教程
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- Dreamweaver 8 完美網(wǎng)頁(yè)設(shè)計(jì)—CSS網(wǎng)頁(yè)設(shè)計(jì)篇
- 北風(fēng)網(wǎng)資深web講師李炎恢講師Dreamweaver系列課程(已完結(jié)|45課時(shí))陸續(xù)更新中
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- 中文版Dreamweaver 8入門必練
- PHP+MYSQL網(wǎng)站設(shè)計(jì)入門實(shí)踐
- 呂聰賢網(wǎng)頁(yè)三劍客視頻教程FlashMX,DreamweaverMX,F(xiàn)i
- Dreamweaver+Flash+Photoshop網(wǎng)頁(yè)制作教程
- 挑戰(zhàn)DREAMWEAVER MX互動(dòng)網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-Dreamweaver網(wǎng)頁(yè)制作教程:表格設(shè)計(jì)
。