《利用表格布局網(wǎng)》PPT課件

《《利用表格布局網(wǎng)》PPT課件》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第八章利用表格布局網(wǎng)頁2010.4.3表格是網(wǎng)頁中用途非常廣泛的工具，除了排列數(shù)據(jù)和圖像外，在實際制作過程中，表格更多的用在網(wǎng)面定位上，只需通過表格寬度、高度、彼此之間的比例大小等，就可以把不同的網(wǎng)頁元素分別框在不同的單元格之中以達到頁面平衡。對于網(wǎng)頁的排版布局來說，表格是不可缺少的工具，作為一名網(wǎng)頁設(shè)計人員，表格運用的熟練與否直接影響到網(wǎng)頁外觀的好壞。本章著重介紹表格的基本功能及其操作，從創(chuàng)建表格、編輯表格、修改表格等各個方向作了詳細的闡述，最后通過兩個實例介紹了表格在版面布局方面的應(yīng)用。7.

2、1利用表格制作價格表無論在日常生活和工作中，還是在網(wǎng)頁設(shè)計中，使用表格都可以清晰地顯示列表數(shù)據(jù)，可以將各種數(shù)據(jù)排成行和列，從而更容易查找和使用信息。7.1.1插入表格在插入表格前，先來熟悉一下表格的概念。表格主要有三個基本組成部分：行：表格中的水平間隔列：表格中的垂直間隔單元格：表格中一行與一列相交所產(chǎn)生的區(qū)域。從表格的組成來看，它與文本處理軟件中的表格沒有什么不同，實際上網(wǎng)頁中的表格與文本處理軟件中的表格并不一樣。利用表格可以排列數(shù)據(jù)，如例所示的域名價格表就是使用了表格的效果。插入表格的具體步

3、驟如下：1》打開文件夾8下面的index網(wǎng)頁2》將光標(biāo)置于要插入表格的位置，選擇“插入》表格”命令，彈出“表格”對話框表格對話框主要有以下選項：行數(shù)：在該文本框中輸入新表格的行數(shù)列數(shù)：在該文本框中輸入新表格的列數(shù)表格寬度：用于設(shè)置表格的寬度，其中右邊的下拉列表中包含百分比和像素兩個選項。邊框粗細：用于設(shè)置表格邊框的高度，如果設(shè)置為0，在瀏覽時看不到表格的邊框單元格邊距：單元格內(nèi)容與單元格之間的像素數(shù)單元格間距：單元格之間的像素數(shù)。頁眉：可以定義表頭樣式，4個樣式可以任意選取一種。標(biāo)題：用來定義表

4、格標(biāo)題的對齊方式。摘要：用來對表格進行注釋。3》在“行數(shù)”文本框中輸入6，“列數(shù)”文本框中輸入3，“表格寬度”文本框中輸入95%，“邊框粗細”文本框中輸入0，“單元格邊距”文本框中輸入0，“單元格間距”文本框中輸入0，設(shè)置完畢后，單擊“確定”按鈕，此時頁面上會出現(xiàn)一個6行3列的表格。提示：還可以通過以下方法向見面中插入表格：（1）單擊“常用”插入欄的表格圖標(biāo)，從彈出的對話框中設(shè)置表格（2）拖曳“常用”插入欄的表格圖標(biāo)至所需要的位置，在彈出的對話框中設(shè)置表格7.1.2在表格中輸入數(shù)據(jù)表格建立以后，

5、就可以向表格中添加各種元素了，如文本、圖像等。在表格中添加文本就同在文檔中操作一樣，除了直接輸入文本，還可以先利用其他文本編輯器編輯文本，然后將文本拷貝到表格中，這也是在文檔中添加文本的一種簡捷而快速的方法在單元格中插入圖像時，如果單元格的尺寸小于插入圖像的尺寸，則插入圖像后單元格的尺寸會自動增高或者增寬。操作將光標(biāo)置于單元格中，然后在第個單元格輸入相應(yīng)的文本。7.2編輯表格插入表格以后就可以通過選擇、拷貝、增加、刪除行，以及合、拆分單元格等一系列操作實現(xiàn)對表格的編輯操作。7.2.1選擇表格對象

6、要想對表格進行編輯，那么首先選擇它，主要有以下四種方法選取整個表格：搬運鼠標(biāo)從表格內(nèi)的左上角至右下角，將所有的單元格選擇中，選擇菜單“編輯》全選”命令。單擊表格線任意位置將光標(biāo)置于表格內(nèi)任意位置，選擇“修改》表格》選擇表格”命令將光標(biāo)置于表格內(nèi)任意位置，單擊文檔窗口中左下角的

7、的“背景顏色”為“#990000”表格屬性面板中各個選項如下：對齊：設(shè)置表格的對齊方式背景顏色：設(shè)置表格的背景顏色背景圖像：設(shè)置表格的背景圖像邊框顏色：設(shè)置表格的邊框顏色填充：單元格內(nèi)容和單元格邊界之間的像素數(shù)。間距：相鄰的表格單元格間的像素婁7.2.3添加行和列在已創(chuàng)建的表格中添加行、列，要先將光標(biāo)置于欲插入行、列的單元格內(nèi)，然后通過如下方式添加行選擇“修改》表格》插入行”命令，則在光標(biāo)所在的單元格上增加了一行選擇“修改》表格》插入列”命令，則在光標(biāo)所在的單元格械側(cè)增加了一列7.2.4刪除行或

8、列將光標(biāo)置于要刪除行中的任意一個單元格，選擇“修改》表格》刪除行”命令就可以刪除當(dāng)前行。將光標(biāo)置于要刪除列的任意一個單元格，選擇“修改》表格》刪除列”命令可以刪除當(dāng)前列。提示：還可以單擊鼠標(biāo)右鍵，在彈出的下拉菜單中添加行和列，刪除行或列。7.2.5拆分與合并單元格拆分單元格是針對于一個單元格而言的。如果要拆分單元格，選擇“修改》表格》拆分單元格”命令，彈出“拆分單元格”對話框在“拆分單元格”對話框中，如果把“單元格拆分”選擇“行”，下邊將出現(xiàn)“行數(shù)”，然后在文本框中輸入要拆分的行數(shù)。反之亦然。如