用表格布局頁面的方法和技巧

1、logo計(jì)（計(jì)（2）班）班 張明晶張明晶用表格布局頁面的方法和技巧logopage 2表格在網(wǎng)頁設(shè)計(jì)中的作用？表格在網(wǎng)頁設(shè)計(jì)中的作用？n表格是現(xiàn)代網(wǎng)頁制作的一個(gè)重要組成部分。表格是現(xiàn)代網(wǎng)頁制作的一個(gè)重要組成部分。 表格之所以重要是因?yàn)楸砀窨梢詫?shí)現(xiàn)網(wǎng)頁表格之所以重要是因?yàn)楸砀窨梢詫?shí)現(xiàn)網(wǎng)頁的精確排版和定位，還可以利用表格來美的精確排版和定位，還可以利用表格來美化網(wǎng)頁。化網(wǎng)頁。n當(dāng)我們使用過表格，把單元格間距歸零，當(dāng)我們使用過表格，把單元格間距歸零，就可以去掉表格邊框。就可以去掉表格邊框。logopage 3 將一定的內(nèi)容按特定的行、列規(guī)則進(jìn)行將一定的內(nèi)容按特定的行、列規(guī)則進(jìn)行排列就構(gòu)成了表格。排列

2、就構(gòu)成了表格。 無論在日常生活和工作無論在日常生活和工作中還是在網(wǎng)頁設(shè)計(jì)中，表格通常都可以使信中還是在網(wǎng)頁設(shè)計(jì)中，表格通常都可以使信息更容易理解。在息更容易理解。在dreamweaver mx中，我中，我們可以方便地創(chuàng)建出各種規(guī)格的表格，并能們可以方便地創(chuàng)建出各種規(guī)格的表格，并能對(duì)表格進(jìn)行特定的修飾，從而使網(wǎng)頁更加生對(duì)表格進(jìn)行特定的修飾，從而使網(wǎng)頁更加生動(dòng)活潑。表格中可以將各種數(shù)據(jù)動(dòng)活潑。表格中可以將各種數(shù)據(jù)(包括文本、包括文本、圖像、表單、表單域以及其他表格等圖像、表單、表單域以及其他表格等)排成行排成行和列，從而獲得特定的表格效果。和列，從而獲得特定的表格效果。logopage 4活用表格

3、美化網(wǎng)頁活用表格美化網(wǎng)頁n 1 1、一個(gè)象素寬的分隔線；一個(gè)象素寬的分隔線；n 有時(shí)候在網(wǎng)頁排版時(shí)，我們需要一條細(xì)線，用圖片似乎有點(diǎn)勞師動(dòng)眾有時(shí)候在網(wǎng)頁排版時(shí)，我們需要一條細(xì)線，用圖片似乎有點(diǎn)勞師動(dòng)眾了，其實(shí)，這個(gè)小問題用表格就能搞定。了，其實(shí)，這個(gè)小問題用表格就能搞定。n 在在dreamweaverdreamweaver中插入一個(gè)一行一列的表格，表格的屬性面板設(shè)置如中插入一個(gè)一行一列的表格，表格的屬性面板設(shè)置如下：下：n 說明：其實(shí)就是一個(gè)高為說明：其實(shí)就是一個(gè)高為“1pix”“1pix”的表格，需要注意的是表格內(nèi)不要的表格，需要注意的是表格內(nèi)不要有其他任何內(nèi)容。如果你還需要其他顏色的分隔線

4、，只需要改變表格有其他任何內(nèi)容。如果你還需要其他顏色的分隔線，只需要改變表格的背景色的背景色 bgcolor bgcolor 就可以了。利用這種方法我們還可以制作出細(xì)豎就可以了。利用這種方法我們還可以制作出細(xì)豎線，將表格的寬該為線，將表格的寬該為“1”“1”就可以了。就可以了。logopage 52 2、圓角表格的制作、圓角表格的制作n 做兩個(gè)圓角的圖片，這兩做兩個(gè)圓角的圖片，這兩個(gè)圖片可以先做一個(gè)圖片，個(gè)圖片可以先做一個(gè)圖片，然后用相關(guān)軟件垂直翻轉(zhuǎn)然后用相關(guān)軟件垂直翻轉(zhuǎn)一下就行了一下就行了n 在兩個(gè)圖片中間插入一個(gè)在兩個(gè)圖片中間插入一個(gè)背景顏色同圖片一樣的表背景顏色同圖片一樣的表格，長(zhǎng)度也設(shè)

5、為圖片的長(zhǎng)格，長(zhǎng)度也設(shè)為圖片的長(zhǎng)度，將這個(gè)表格的度，將這個(gè)表格的cellpadcellpad（設(shè)置文字與格（設(shè)置文字與格子的距離）設(shè)為子的距離）設(shè)為1 1，其他，其他都為都為0 0。logopage 6n 將表格的單元格背景色設(shè)將表格的單元格背景色設(shè)置為白色（從置為白色（從2 2、3 3兩步可兩步可以看出這里其實(shí)是制作了以看出這里其實(shí)是制作了一個(gè)細(xì)線邊框的表格）。一個(gè)細(xì)線邊框的表格）。n 最后我們就可以在表格里最后我們就可以在表格里面填寫內(nèi)容了，我們可以面填寫內(nèi)容了，我們可以把這個(gè)部分當(dāng)然一個(gè)整體，把這個(gè)部分當(dāng)然一個(gè)整體，復(fù)制并粘貼到頁面上不同復(fù)制并粘貼到頁面上不同的地方，當(dāng)然你也可以改的地方

6、，當(dāng)然你也可以改變整個(gè)圓角表格的尺寸，變整個(gè)圓角表格的尺寸，要做的就是改變圓角圖片要做的就是改變圓角圖片和插入表格的尺寸了。和插入表格的尺寸了。logopage 73、兩個(gè)并列的表格、兩個(gè)并列的表格n 有時(shí)候我們需要把兩個(gè)單獨(dú)的表格并排排列，但有時(shí)候我們需要把兩個(gè)單獨(dú)的表格并排排列，但是當(dāng)我們連續(xù)插入兩個(gè)表格的時(shí)候，表格會(huì)自動(dòng)是當(dāng)我們連續(xù)插入兩個(gè)表格的時(shí)候，表格會(huì)自動(dòng)分成上下排列，如何解決這個(gè)問題呢？分成上下排列，如何解決這個(gè)問題呢？n 利用表格的嵌套：我們可以先做一個(gè)一行兩列的利用表格的嵌套：我們可以先做一個(gè)一行兩列的表格，然后在這個(gè)表格的每個(gè)單元格里在插入一表格，然后在這個(gè)表格的每個(gè)單元格里在插入一個(gè)表格就行了。個(gè)表格就行了。n 利用表格自身屬性：連續(xù)插入兩個(gè)表格