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

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

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

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

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

。將插入點(diǎn)放到一個(gè)單元格中，選擇“插入記錄>圖像”命令。將插入點(diǎn)放到一個(gè)單元格中，將“插入”面板中“常用”選項(xiàng)卡中的“圖像”按鈕

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

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