《Web應(yīng)用開發(fā)》課件-05 表格

本章簡介：在制作網(wǎng)頁時，表格的作用不僅是列舉數(shù)據(jù)，更多的是用在網(wǎng)頁定位上。很多網(wǎng)頁都是以表格布局的，這是因為表格在內(nèi)容的組織、頁面中文本和圖形的位置控制方面都有很強的功能。本章主要講解表格的操作方法和制作技巧。通過這些內(nèi)容的學(xué)習，可以熟練地掌握數(shù)據(jù)表格的編輯方法及如何應(yīng)用表格對頁面進行合理的布局。05使用表格課堂學(xué)習目標掌握插入表格的方法掌握設(shè)置表格的方法和技巧掌握在表格內(nèi)添加元素的方法掌握網(wǎng)頁中數(shù)據(jù)表格的編輯方法5.1表格的簡單操作插入表格設(shè)置表格屬性在表格內(nèi)添加元素課堂案例—投資理財網(wǎng)頁5.1.1插入表格要將相關(guān)數(shù)據(jù)有序地組織在一起，必須先插入表格，然后才能有效組織數(shù)據(jù)。插入表格的具體操作步驟如下：（1）在“文檔”窗口中，將插入點放到合適的位置。（2）通過以下幾種方法啟用“表格”對話框。選擇“插入>表格”命令。單擊“插入”面板中“常用”選項卡上的“表格”按鈕。單擊“插入”面板“布局”選項卡中的“表格”按鈕

。按Ctrl+Alt+T組合鍵。（3）根據(jù)需要選擇新建表格的大小、行列數(shù)值等，單擊“確定”按鈕完成新建表格的設(shè)置。5.1.2設(shè)置表格屬性插入表格后，通過選擇不同的表格對象，可以在“屬性”面板中看到它們的各項參數(shù)，修改這些參數(shù)可以得到不同風格的表格。表格的“屬性”面板，其各選項的作用如下。

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

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

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

拖曳到單元格內(nèi)。從資源管理器、站點資源管理器或桌面上直接將圖像文件拖到一個需要插入圖像的單元格內(nèi)。5.1.4課堂案例—投資理財網(wǎng)頁使用“表格”按鈕，插入表格進行布局；使用“圖像”按鈕，插入圖像；使用“屬性”面板，設(shè)置網(wǎng)頁的頁邊距。效果圖5.2網(wǎng)頁中的數(shù)據(jù)表格導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)課堂案例—典藏博物館網(wǎng)頁5.2.1導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)1．導(dǎo)入Excel文檔中的表格數(shù)2．導(dǎo)入Word文檔中的內(nèi)容“導(dǎo)出表格”對話框“導(dǎo)入表格式數(shù)據(jù)”對話框5.2.2課堂案例—典藏博物館網(wǎng)頁使用“導(dǎo)入表格式數(shù)據(jù)”命令，導(dǎo)入外部表格數(shù)據(jù)；使用“屬性”面板，改變表格的高度和對齊方式。效果圖課堂練習—火鍋餐廳網(wǎng)頁

使用“頁面屬性”命令，設(shè)置頁面的邊距和標題；使用“表格”按鈕插入表格；使用“CSS樣式”命令，為單元格添加背景圖像效果；使用“圖像”按鈕插入圖像。效果圖課后練習—OA辦公系統(tǒng)網(wǎng)頁