網(wǎng)頁設計與制作 PPT05

1、第5章使用表格本章簡介：本章簡介：在制作網(wǎng)頁時，表格的作用在制作網(wǎng)頁時，表格的作用不僅是列舉數(shù)據(jù)，更多地是用在不僅是列舉數(shù)據(jù)，更多地是用在網(wǎng)頁定位上。很多網(wǎng)頁都是以表網(wǎng)頁定位上。很多網(wǎng)頁都是以表格布局的，這是因為表格在內(nèi)容格布局的，這是因為表格在內(nèi)容的組織、頁面中文本和圖形的位的組織、頁面中文本和圖形的位置控制方面都有很強的功能。本置控制方面都有很強的功能。本章主要講解了表格的操作方法和章主要講解了表格的操作方法和制作技巧。通過這些內(nèi)容的學習，制作技巧。通過這些內(nèi)容的學習，可以熟練地掌握數(shù)據(jù)表格的編輯可以熟練地掌握數(shù)據(jù)表格的編輯方法及如何應用表格對頁面進行方法及如何應用表格對頁面進行合理的布局

2、。合理的布局。 課堂學習目標掌握插入表格的方法掌握插入表格的方法掌握設置表格的方法和技巧掌握設置表格的方法和技巧掌握在表格內(nèi)添加元素的方法掌握在表格內(nèi)添加元素的方法掌握網(wǎng)頁中數(shù)據(jù)表格的編輯方法掌握網(wǎng)頁中數(shù)據(jù)表格的編輯方法 5.1 表格的簡單操作 插入表格插入表格設置表格屬性設置表格屬性在表格內(nèi)添加元素在表格內(nèi)添加元素課堂案例課堂案例建筑資訊網(wǎng)頁建筑資訊網(wǎng)頁 5.1.1 插入表格 要將相關(guān)數(shù)據(jù)有序地組織在一起，必須先插入表格，然后才要將相關(guān)數(shù)據(jù)有序地組織在一起，必須先插入表格，然后才能有效組織數(shù)據(jù)。能有效組織數(shù)據(jù)。 插入表格的具體操作步驟如下：插入表格的具體操作步驟如下： （1）在在“文檔文檔”

3、窗口中，將插入點放到合適的位置。窗口中，將插入點放到合適的位置。 （2）通過以下幾種方法啟用通過以下幾種方法啟用“表格表格”對話框。對話框。 選擇選擇“插入記錄插入記錄 表格表格”命令。命令。 單擊單擊“插入插入”面板面板“常用常用”選項卡上的選項卡上的“表格表格”按鈕按鈕 。 單擊單擊“插入插入”布局布局“布局布局”選項卡面板上的選項卡面板上的“表格表格”按鈕按鈕 。 （3）根據(jù)需要選擇新建表格的大小、行列數(shù)值等，單擊根據(jù)需要選擇新建表格的大小、行列數(shù)值等，單擊“確確定定”按鈕完成新建表格的設置。按鈕完成新建表格的設置。 5.1.2 設置表格屬性 插入表格后，通過選擇不同的表格對象，可以在插

4、入表格后，通過選擇不同的表格對象，可以在“屬性屬性”面板中看面板中看到它們的各項參數(shù)，修改這些參數(shù)可以得到不同風格的表格。到它們的各項參數(shù)，修改這些參數(shù)可以得到不同風格的表格。 1.1. 表格的屬性表格的屬性 表格的表格的“屬性屬性”面板，其各選項的作用如下。面板，其各選項的作用如下。 表格“屬性”面板 5.1.3 在表格內(nèi)添加元素 建立表格后，可以在表格中添加各種網(wǎng)頁元素，如文本、圖像建立表格后，可以在表格中添加各種網(wǎng)頁元素，如文本、圖像和表格等。和表格等。 1. 1. 輸入文字輸入文字 在單元格中輸入文字，有以下幾種方法。在單元格中輸入文字，有以下幾種方法。 單擊任意一個單元格并直接輸入文

5、本，此時單元格會隨文本的單擊任意一個單元格并直接輸入文本，此時單元格會隨文本的輸入自動擴展。輸入自動擴展。 粘貼來自其他文字編輯軟件中復制的帶有格式的文本。粘貼來自其他文字編輯軟件中復制的帶有格式的文本。 2. 2. 插入其他網(wǎng)頁元素插入其他網(wǎng)頁元素 （1 1）嵌套表格）嵌套表格 將插入點放到一個單元格內(nèi)并插入表格，即可實現(xiàn)嵌套表格。將插入點放到一個單元格內(nèi)并插入表格，即可實現(xiàn)嵌套表格。 （2 2）插入圖像）插入圖像 在表格中插入圖像有以下幾種方法。在表格中插入圖像有以下幾種方法。 將插入點放到一個單元格中，單擊將插入點放到一個單元格中，單擊“插入插入”面板面板“常用常用”選選 項卡中的項卡中

6、的“圖像圖像”按鈕按鈕 。 將插入點放到一個單元格中，選擇將插入點放到一個單元格中，選擇“插入記錄插入記錄 圖像圖像”命令。命令。 將插入點放到一個單元格中，將將插入點放到一個單元格中，將“插入插入”面板面板“常用常用”選項卡中的選項卡中的“圖像圖像”按鈕按鈕 拖曳單元格內(nèi)。拖曳單元格內(nèi)。 5.1.4 課堂案例建筑資訊網(wǎng)頁 使用表格按鈕插入表格效果。使用圖像按插入圖像。使用屬性面使用表格按鈕插入表格效果。使用圖像按插入圖像。使用屬性面板設置網(wǎng)頁的頁邊距。板設置網(wǎng)頁的頁邊距。 效果圖5.2 網(wǎng)頁中的數(shù)據(jù)表格 導入和導出表格的數(shù)據(jù)導入和導出表格的數(shù)據(jù)課堂案例課堂案例設計家園網(wǎng)頁設計家園網(wǎng)頁5.2.1 導入和導出表格的數(shù)據(jù) （1 1）將網(wǎng)頁內(nèi)的表格數(shù)據(jù)導出）將網(wǎng)頁內(nèi)的表格數(shù)據(jù)導出（2 2）在其他網(wǎng)頁中導入表格數(shù)據(jù)）在其他網(wǎng)頁中導入表格數(shù)據(jù) “導出表格”對話框 “導入表格式數(shù)據(jù)”對話框 5.2.2 課堂案例設計家園網(wǎng)頁 使用屬性面板改變表格的高度和背景顏色。使用屬性面板改變表格的高度和背景顏色。效果圖課堂練習流行音樂網(wǎng)頁 使用表格布局網(wǎng)頁，使用插入列命令插入單元格。使用表格布局網(wǎng)頁，使用插入列命令插入單元格。 效