设定巢状式表格.PPT

第8章 表格繪製與美化 8-1　表格的建立 8-2　表格和儲存格的編修 8-3　表格的美化 8-4　巢狀式表格 8-1　表格的建立 從無到有建立基本表格 表格的組成元素 匯入Word 表格(1) 匯入Word 表格(2) 只有文字 匯入Word 表格(3) 具有結構（段落、清單、表格）的文字 匯入Word 表格(4) 文字、結構、基本格式（粗體、斜體） 匯入Word 表格(5) 文字、結構、完整格式（粗體、斜體、樣式） 匯入Excel 表格 匯入表格式資料 8-2　表格和儲存格的編修 表格/ 欄列的選取 表格/ 儲存格的屬性面板 當整個表格被選取的狀態下，由屬性面板可以針對表格的欄列數、寬度、邊框、內距、間距?等屬性作進階的設定。其面板如下： 若是各位將滑鼠放置在儲存格上，則是針對個別的儲存格做屬性修正。其面板則不同於表格。如圖示： 表格寬度調整 儲存格寬高調整 表格/ 儲存的對齊(1) 表格的對齊 表格/ 儲存的對齊(2) 儲存格的對齊 欄列的增減 設定儲存格背景 分割與合併儲存格 8-3　表格的美化 設定表格邊框樣式 定義表格各種樣式(1) 表格字型設定 定義表格各種樣式(2) 表格背景設定 定義表格各種樣式(3) 表格區塊設定 定義表格各種樣式(4) 表格邊框設定 編修表格CSS 樣式 編修儲存格CSS 樣式 表格資料的排序 8-4　巢狀式表格 設定巢狀式表格(1) 如上圖的網頁，就是所謂的「巢狀式表格」- 它的特點是表格中還插入表格。以此範例為例，要製作巢狀表格首先是繪製3 列2 欄的無框線表格，再將右上角的2 個儲存格做合併。 設定巢狀式表格(2) 接著將上圖標示為綠色的儲存格裡，插入1 列3 欄的表格，再加入文字內容的說明。由於設有內距，因此插入文字時，每一欄的文字都可以清楚的隔開。 設定巢狀式表格(3) 再由標示為黃色的儲存格中，插入3 列2 欄的表格，這樣就可以完成巢狀表格的架構，而各表格中加入所要的圖片、文字內容或動畫檔，網頁就會變得豐富多變了！ 展開表格的版面 本章結束 * * * * * * *