Dreamweaver-CC網(wǎng)頁設(shè)計與應(yīng)用-5課件

Dreamweaver-CC網(wǎng)頁設(shè)計與應(yīng)用-(5課件第5章使用表格本章簡介：在制作網(wǎng)頁時，表格的作用不僅是列舉數(shù)據(jù)，更多的是用在網(wǎng)頁定位上。很多網(wǎng)頁都是以表格布局的，這是因為表格在內(nèi)容的組織、頁面中文本和圖形的位置控制方面都有很強的功能。本章主要講解表格的操作方法和制作技巧。通過這些內(nèi)容的學習，可以熟練地掌握數(shù)據(jù)表格的編輯方法及如何應(yīng)用表格對頁面進行合理的布局。第5章使用表格本章簡介：課堂學習目標掌握插入表格的方法掌握設(shè)置表格的方法和技巧掌握在表格內(nèi)添加元素的方法掌握網(wǎng)頁中數(shù)據(jù)表格的編輯方法課堂學習目標掌握插入表格的方法5.1表格的簡單操作插入表格設(shè)置表格屬性在表格內(nèi)添加元素課堂案例——營養(yǎng)美食網(wǎng)頁5.1表格的簡單操作插入表格5.1.1插入表格要將相關(guān)數(shù)據(jù)有序地組織在一起，必須先插入表格，然后才能有效組織數(shù)據(jù)。插入表格的具體操作步驟如下：（1）在“文檔”窗口中，將插入點放到合適的位置。（2）通過以下幾種方法啟用“表格”對話框。選擇“插入>表格”命令。單擊“插入”面板中“常用”選項卡上的“表格”按鈕。按Ctrl+Alt+T組合鍵。（3）根據(jù)需要選擇新建表格的大小、行列數(shù)值等，單擊“確定”按鈕完成新建表格的設(shè)置。5.1.1插入表格要將相關(guān)數(shù)據(jù)有序地組織在一起，必須先5.1.2設(shè)置表格屬性插入表格后，通過選擇不同的表格對象，可以在“屬性”面板中看到它們的各項參數(shù)，修改這些參數(shù)可以得到不同風格的表格。表格的“屬性”面板，其各選項的作用如下。

表格“屬性”面板5.1.2設(shè)置表格屬性插入表格后，通過選擇不同的表格對5.1.3在表格內(nèi)添加元素建立表格后，可以在表格中添加各種網(wǎng)頁元素，如文本、圖像、表格等。1.輸入文字在單元格中輸入文字，有以下幾種方法。單擊任意一個單元格并直接輸入文本，此時單元格會隨文本的輸入自動擴展。粘貼來自其他文字編輯軟件中復制的帶有格式的文本。

5.1.3在表格內(nèi)添加元素建立表格后，可以在表格中添加2.插入其他網(wǎng)頁元素（1）嵌套表格。將插入點放到一個單元格內(nèi)并插入表格，即可實現(xiàn)嵌套表格。（2）插入圖像。在表格中插入圖像有以下幾種方法。將插入點放到一個單元格中，單擊“插入”面板“常用”選項卡中的“圖像”按鈕

。將插入點放到一個單元格中，選擇“插入記錄>圖像”命令。將插入點放到一個單元格中，將“插入”面板中“常用”選項卡中的“圖像”按鈕

拖曳到單元格內(nèi)。從資源管理器、站點資源管理器或桌面上直接將圖像文件拖到一個需要插入圖像的單元格內(nèi)。2.插入其他網(wǎng)頁元素5.1.4課堂案例——營養(yǎng)美食網(wǎng)頁使用“表格”按鈕，插入表格進行頁面布局；使用“圖像”按鈕，插入圖像；使用“代碼”視圖，手動輸入代碼控制圖像的間距。效果圖5.1.4課堂案例——營養(yǎng)美食網(wǎng)頁使用“表格”按鈕，插入5.2網(wǎng)頁中的數(shù)據(jù)表格導入和導出表格的數(shù)據(jù)排序表格課堂案例——綠色糧倉網(wǎng)頁5.2網(wǎng)頁中的數(shù)據(jù)表格導入和導出表格的數(shù)據(jù)5.2.1導入和導出表格的數(shù)據(jù)1．導入Excel文檔中的表格數(shù)2．導入Word文檔中的內(nèi)容“導出表格”對話框“導入表格式數(shù)據(jù)”對話框5.2.1導入和導出表格的數(shù)據(jù)1．導入Excel文檔中5.2.2排序表格日常工作中，常常需要對無序的表格內(nèi)容進行排序，以便瀏覽者可以快速找到所需的數(shù)據(jù)。表格排序功能可以為網(wǎng)站設(shè)計者解決這一難題。將插入點放到要排序的表格中，然后選擇“命令>排序表格”命令，彈出“排序表格”對話框。根據(jù)需要設(shè)置相應(yīng)選項，單擊“應(yīng)用”或“確定”按鈕完成設(shè)置。5.2.2排序表格日常工作中，常常需要對5.2.3課堂案例——綠色糧倉網(wǎng)頁使用“導入表格式數(shù)據(jù)”命令，導入外部表格數(shù)據(jù)；使用“屬性”面板改變表格的寬度、高度和背景顏色。效果圖5.2.3課堂案例——綠色糧倉網(wǎng)頁使用“導入表格式數(shù)據(jù)”課堂練習——火鍋餐廳網(wǎng)頁使用“頁面屬性”命令，設(shè)置頁面的邊距和標題；使用“表格”按鈕插入表格；使用“CSS樣式”命令，為單元格添加背景圖像效果；使用“圖像”按鈕插入圖像。

效果圖課堂練習——火鍋餐廳網(wǎng)頁使用“頁面屬性”命令，設(shè)置頁課后練習——茶文化網(wǎng)頁使用“導入表格式數(shù)據(jù)”命令，導入外部表格數(shù)據(jù)；使用“插入列”命令，為表格增加列；使用“圖像”按鈕插入圖像；使用“CSS樣式”命令，控制文字的大小及顏色。

效果圖課后練習——茶文化網(wǎng)頁使用“導入表格式數(shù)據(jù)”命令，導入外部表Dreamweaver-CC網(wǎng)頁設(shè)計與應(yīng)用-(5課件第5章使用表格本章簡介：在制作網(wǎng)頁時，表格的作用不僅是列舉數(shù)據(jù)，更多的是用在網(wǎng)頁定位上。很多網(wǎng)頁都是以表格布局的，這是因為表格在內(nèi)容的組織、頁面中文本和圖形的位置控制方面都有很強的功能。本章主要講解表格的操作方法和制作技巧。通過這些內(nèi)容的學習，可以熟練地掌握數(shù)據(jù)表格的編輯方法及如何應(yīng)用表格對頁面進行合理的布局。第5章使用表格本章簡介：課堂學習目標掌握插入表格的方法掌握設(shè)置表格的方法和技巧掌握在表格內(nèi)添加元素的方法掌握網(wǎng)頁中數(shù)據(jù)表格的編輯方法課堂學習目標掌握插入表格的方法5.1表格的簡單操作插入表格設(shè)置表格屬性在表格內(nèi)添加元素課堂案例——營養(yǎng)美食網(wǎng)頁5.1表格的簡單操作插入表格5.1.1插入表格要將相關(guān)數(shù)據(jù)有序地組織在一起，必須先插入表格，然后才能有效組織數(shù)據(jù)。插入表格的具體操作步驟如下：（1）在“文檔”窗口中，將插入點放到合適的位置。（2）通過以下幾種方法啟用“表格”對話框。選擇“插入>表格”命令。單擊“插入”面板中“常用”選項卡上的“表格”按鈕。按Ctrl+Alt+T組合鍵。（3）根據(jù)需要選擇新建表格的大小、行列數(shù)值等，單擊“確定”按鈕完成新建表格的設(shè)置。5.1.1插入表格要將相關(guān)數(shù)據(jù)有序地組織在一起，必須先5.1.2設(shè)置表格屬性插入表格后，通過選擇不同的表格對象，可以在“屬性”面板中看到它們的各項參數(shù)，修改這些參數(shù)可以得到不同風格的表格。表格的“屬性”面板，其各選項的作用如下。

表格“屬性”面板5.1.2設(shè)置表格屬性插入表格后，通過選擇不同的表格對5.1.3在表格內(nèi)添加元素建立表格后，可以在表格中添加各種網(wǎng)頁元素，如文本、圖像、表格等。1.輸入文字在單元格中輸入文字，有以下幾種方法。單擊任意一個單元格并直接輸入文本，此時單元格會隨文本的輸入自動擴展。粘貼來自其他文字編輯軟件中復制的帶有格式的文本。

5.1.3在表格內(nèi)添加元素建立表格后，可以在表格中添加2.插入其他網(wǎng)頁元素（1）嵌套表格。將插入點放到一個單元格內(nèi)并插入表格，即可實現(xiàn)嵌套表格。（2）插入圖像。在表格中插入圖像有以下幾種方法。將插入點放到一個單元格中，單擊“插入”面板“常用”選項卡中的“圖像”按鈕

。將插入點放到一個單元格中，選擇“插入記錄>圖像”命令。將插入點放到一個單元格中，將“插入”面板中“常用”選項卡中的“圖像”按鈕

拖曳到單元格內(nèi)。從資源管理器、站點資源管理器或桌面上直接將圖像文件拖到一個需要插入圖像的單元格內(nèi)。2.插入其他網(wǎng)頁元素5.1.4課堂案例——營養(yǎng)美食網(wǎng)頁使用“表格”按鈕，插入表格進行頁面布局；使用“圖像”按鈕，插入圖像；使用“代碼”視圖，手動輸入代碼控制圖像的間距。效果圖5.1.4課堂案例——營養(yǎng)美食網(wǎng)頁使用“表格”按鈕，插入5.2網(wǎng)頁中的數(shù)據(jù)表格導入和導出表格的數(shù)據(jù)排序表格課堂案例——綠色糧倉網(wǎng)頁5.2網(wǎng)頁中的數(shù)據(jù)表格導入和導出表格的數(shù)據(jù)5.2.1導入和導出表格的數(shù)據(jù)1．導入Excel文檔中的表格數(shù)2．導入Word文檔中的內(nèi)容“導出表格”對話框“導入表格式數(shù)據(jù)”對話框5.2.1導入和導出表格的數(shù)據(jù)1．導入Excel文檔中5.2.2排序表格日常工作中，常常需要對無序的表格內(nèi)容進行排序，以便瀏覽者可以快速找到所需的數(shù)據(jù)。表格排序功能可以為網(wǎng)站設(shè)計者解決這一難題。將插入點放到要排序的表格中，然后選擇“命令>排序表格”命令，彈出“排序表格”對話框。根據(jù)需要設(shè)置相應(yīng)選項，單擊“應(yīng)用”或“確定”按鈕完成設(shè)置。5.2.2排序表格日常工作中，常常需要對5.2.3課堂案例——綠色糧倉網(wǎng)頁使用“導入表格式數(shù)據(jù)”命令，導入外部表格數(shù)據(jù)；使用“屬性”面板改變表格的寬度、高度和背景顏色。效果圖5.2.3課堂案例——綠色糧倉網(wǎng)頁使用“導入表格式數(shù)據(jù)”課堂練習——火鍋餐廳網(wǎng)頁使用“頁面屬性”命令，設(shè)置頁面的邊距和標題；使用“表格”按鈕插入表格；使用