亚洲欧洲国产欧美一区精品,激情五月亚洲色五月,最新精品国偷自产在线婷婷,欧美婷婷丁香五月天社区

      考試首頁 | 考試用書 | 培訓(xùn)課程 | 模擬考場(chǎng) | 考試論壇  
        當(dāng)前位置:設(shè)計(jì)制作 > DREAMWEAVER > 文章內(nèi)容
        

      Dreamweaver教程:表格設(shè)計(jì)

       [ 2017年7月5日 ] 【

        表格設(shè)計(jì)

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

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

        一張表格橫向叫行,縱向叫列。行列交叉部分就叫做單元格。

        單元格中的內(nèi)容和邊框之間的距離叫邊距。單元格和單元格之間的距離叫間距。整張表格的邊緣叫做邊框。

        下面看看我們使用表格制作的頁面的實(shí)例

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

        這幅頁面的排版格式,如果用以前我們所講的對(duì)齊方式是無法實(shí)現(xiàn)的。因此我們需要用到表格來做。實(shí)際上是用兩行兩列的表格來制作。

        1、在插入欄中選擇

        

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

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

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

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

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

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

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

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

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

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

        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)分別插入圖片和文本。頁面的基本樣子有了。

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

        7、光標(biāo)移動(dòng)到表格的邊框上單擊。表格周圍出現(xiàn)調(diào)整框,表示選中整張表格。然后,在屬性面板中將“邊框”值設(shè)置適合的值,如果為0,邊框在編輯狀態(tài),為虛線顯示,瀏覽時(shí)就看不見了。

        一個(gè)符合要求的頁面在表格的幫助下做好了。

        通過上面的操作我們對(duì)于表格有了一個(gè)初步的認(rèn)識(shí)。還要提示一點(diǎn),對(duì)整幅表格操作和對(duì)一個(gè)單元格操作的時(shí)候,相應(yīng)的屬性面板是不同的。

        表格顏色設(shè)置,選擇整幅表格后,利用屬性面板的顏色選擇器設(shè)置背景色。單元格也可單獨(dú)設(shè)置。鼠標(biāo)在需要設(shè)置的單元格點(diǎn)一下,其余操作同上。

        下面我們就來看看這些屬性面板的區(qū)別。

        表格的屬性面板,要出現(xiàn)這個(gè)面板必須先選中整幅表格,方法上面已經(jīng)提到過了。您可以在眾多選項(xiàng)中填入需要的參數(shù)。如下圖:

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

        選中了單元格之后屬性面板就發(fā)生如下變化了。選擇行或者列都屬于選中單元格。如下圖:

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

        對(duì)表格操作的幾種常用方式:

        合并:將選中的連續(xù)單元格合并成為一個(gè)單元格。

        分割:將一個(gè)單元格分割成若干單元格。

        水平對(duì)齊方式:分為(左)(中)(右)三種。

        垂直對(duì)齊方式:分為(頂)(居中)(居底)(基線對(duì)齊)

        表格還可以增加或者刪除行或者列。在一個(gè)單元格中單擊鼠標(biāo)右鍵。在右鍵菜單中選擇表格選項(xiàng)>>選擇“插入行或列”。系統(tǒng)會(huì)彈出對(duì)話框如下。

        

      Dreamweaver網(wǎng)頁制作教程:表格設(shè)計(jì)

        在對(duì)話框里填入數(shù)據(jù)即可。最后要說的是選中表格中的各種元素的方法:

        選中一行,把光標(biāo)移到該行的最左邊單元格的左面,光標(biāo)會(huì)變成箭頭狀。單擊就可以選中一行。

        選中一列,把光標(biāo)移到該列的最上邊單元格的上面,光標(biāo)會(huì)變成箭頭狀,然后單擊可以選中一列。

        選中整張表格,把光標(biāo)移到表格的左上角或右邊框或下邊框線上。單擊即可選中整幅表格。選中的表格會(huì)在周圍出現(xiàn)一個(gè)黑框表示整張表格選中了。請(qǐng)看如下示意:

        選中單元格。單元格可以同時(shí)選中多個(gè)。選擇連續(xù)的單元格,光標(biāo)先選中的一個(gè)單元格,按shift鍵不放,選取最后一個(gè)單元格。選不連續(xù)的單元格。按住Ctrl鍵,點(diǎn)取所需要的單元格即可。

        我們對(duì)于表格的使用就講到這里,表格是網(wǎng)頁制作的基本技術(shù),只有通過不斷實(shí)踐才能充分掌握。

      首頁 1 2 尾頁
      將考試網(wǎng)添加到收藏夾 | 每次上網(wǎng)自動(dòng)訪問考試網(wǎng) | 復(fù)制本頁地址,傳給QQ/MSN上的好友 | 申請(qǐng)鏈接 | 意見留言 TOP
      關(guān)于本站  網(wǎng)站聲明  廣告服務(wù)  聯(lián)系方式  站內(nèi)導(dǎo)航  考試論壇
      Copyright © 2007-2013 中華考試網(wǎng)(Examw.com) All Rights Reserved