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

1、logo計（計（2）班）班 張明晶張明晶用表格布局頁面的方法和技巧logopage 2表格在網(wǎng)頁設(shè)計中的作用？表格在網(wǎng)頁設(shè)計中的作用？n表格是現(xiàn)代網(wǎng)頁制作的一個重要組成部分。表格是現(xiàn)代網(wǎng)頁制作的一個重要組成部分。 表格之所以重要是因為表格可以實現(xiàn)網(wǎng)頁表格之所以重要是因為表格可以實現(xiàn)網(wǎng)頁的精確排版和定位，還可以利用表格來美的精確排版和定位，還可以利用表格來美化網(wǎng)頁?；W(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è)計中，表格通常都可以使信中還是在網(wǎng)頁設(shè)計中，表格通常都可以使信息更容易理解。在息更容易理解。在dreamweaver mx中，我中，我們可以方便地創(chuàng)建出各種規(guī)格的表格，并能們可以方便地創(chuàng)建出各種規(guī)格的表格，并能對表格進(jìn)行特定的修飾，從而使網(wǎng)頁更加生對表格進(jìn)行特定的修飾，從而使網(wǎng)頁更加生動活潑。表格中可以將各種數(shù)據(jù)動活潑。表格中可以將各種數(shù)據(jù)(包括文本、包括文本、圖像、表單、表單域以及其他表格等圖像、表單、表單域以及其他表格等)排成行排成行和列，從而獲得特定的表格效果。和列，從而獲得特定的表格效果。logopage 4活用表格

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

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

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

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