網(wǎng)站設(shè)計(jì)時(shí)都離不開表格，我們在前面的文章中與各位分享過如何處理圖像圓角問題，博納網(wǎng)絡(luò)前端設(shè)計(jì)師今天與各位分享如何處理表格的實(shí)操經(jīng)驗(yàn)。網(wǎng)頁制作時(shí)將一定的內(nèi)容按特定的行、列規(guī)則進(jìn)行排列就構(gòu)成了表格，表格可以將各種數(shù)據(jù)（包括文本、預(yù)格式化文本、圖像、鏈接、表單、F1；動畫以及其他表格等同頁元素）排成行和列，從而獲得特定的表格效果。無論在日常生活、工作中，還是在網(wǎng)頁設(shè)計(jì)中，表格都可以使信息排列得有秩序、更容易理解。Dreamweaver具有強(qiáng)大的表格功能，可以很方便地創(chuàng)建出各種規(guī)格不同樣式的表格，并能對表格進(jìn)行特定的修飾從而使網(wǎng)頁更加生動活潑。
【網(wǎng)頁表格學(xué)習(xí)重點(diǎn)】
◆插入表格
◆設(shè)置表格屬性
◆設(shè)置單元格的屬性
◆使用css定義表格樣式
◆在實(shí)戰(zhàn)中用表格設(shè)計(jì)頁面
1.網(wǎng)頁制作表格基本操作
瀏覽互聯(lián)網(wǎng)上絕大部分網(wǎng)頁，都會發(fā)現(xiàn)表格控制頁面的影子。表格能使各種元素在頁面中布局得整齊統(tǒng)、井然有序。Dreamweaver為網(wǎng)頁設(shè)計(jì)提供了強(qiáng)大的表格功能。在Dreamweaver中可以很輕松地插入表格、設(shè)置表格屬性．以及改變表格的結(jié)構(gòu)和大小等。
（1）網(wǎng)頁設(shè)計(jì)時(shí)插入表格
在網(wǎng)頁中插入表格的方法非常簡單。例如．插入個(gè)3行3列的表格．可以按照下列步驟進(jìn)行操作：
【操作步驟】
第1步，啟動Dreamweaver．新建HTML文檔，保存為test.html。
第2步，將光標(biāo)置于文檔中要插入表格的位置。
第3步，選擇【插入】【表格】命令，打開【表格】對話框．如圖6.1所示
第4步，在【表格】對話框中設(shè)置主要屬性。
（1）行數(shù)：在該文本框中輸入表格的行數(shù)為3。
（2）列：在該文本框中輸入表格的列數(shù)為3。
（3）表格寬度：在該文本框中設(shè)置表格的寬度值為200．單位為像素，也可以用百分比來設(shè)置。
第5步，其他選項(xiàng)暫時(shí)保留默認(rèn)值。輸入完畢后，單擊【確定】按鈕，關(guān)閉對話框，這時(shí)頁面中將顯示插入的表格，如圖6.2所示
網(wǎng)頁設(shè)計(jì)師提示：在【表格】對話框中，還涉及其他的參數(shù)設(shè)置。
（1）邊框粗細(xì)：該文本框用于設(shè)置表格的邊框?qū)挾?，以像素為單位。如果表格邊框設(shè)置為0，則不顯示表格邊框.
（2）單元格邊距：該文本框用于設(shè)置單元格中的內(nèi)容和邊框之間的距離，以像素為單位。它的默認(rèn)值為1。
（3）單元格間距：該文本框用于設(shè)置各單元格之間的距離，以像素為單位。它的默認(rèn)值為2。
網(wǎng)頁設(shè)計(jì)在【標(biāo)題】選項(xiàng)組中可以為表格設(shè)置擁有標(biāo)題的行或列。
（1）無：不使用行或列標(biāo)題。
（2）左：將表格的第1列作為標(biāo)題列，以便為表格中的每行輸入個(gè)標(biāo)題
（3）頂部：將表格的第1行作為標(biāo)題列，以便為表格中的每列輸入個(gè)標(biāo)題。
（4）兩者：可以在表格中輸入行標(biāo)題和列標(biāo)題。
網(wǎng)頁設(shè)計(jì)在【輔助功能】選項(xiàng)組中可以設(shè)置表格輔助功能。
（1）標(biāo)題：提供了個(gè)顯示在表格外的表格標(biāo)題。
（2）摘要：可以輸入表格的說明文本。屏幕閱讀器可以讀取摘要文本，但是該文本不會顯示在用戶的瀏覽器中。
第6步，插入表格以后，如果在單元格中再插入個(gè)表格，這時(shí)插入的表格即為嵌套表格。插入嵌套表格的方法與插入表格的方法基本一致，只要將插入點(diǎn)置于要嵌套的單元格中，然后按照插入表格的方法插入嵌套表格即可，如圖6.3所示。
深圳網(wǎng)站制作-博納網(wǎng)絡(luò)前端網(wǎng)頁設(shè)計(jì)師關(guān)于網(wǎng)站設(shè)計(jì)時(shí)如何處理表格的操作經(jīng)驗(yàn)本文就介紹到這里，我們希望能給各位網(wǎng)頁制作愛好者帶來幫助。如果您需要幫助請聯(lián)系我們的在線客服。
