《加入表格以编排课件.ppt》由会员分享，可在线阅读，更多相关《加入表格以编排课件.ppt（47页珍藏版）》请在三一办公上搜索。
1、第5章 加入表格以編排頁面,表格的組成 版面表格效果 表格建立方式 表格的編輯操作美化表格外觀排序表格資料,表格的組成,表格是一種由縱欄及橫列所交叉組合而成的方格效果，適用於放置具有條理及結構性的資料內容，圖中即為表格中各個部份的名稱。,5-1 表格的組成,二個儲存格之間的距離稱為間距,表格中的每一個方格稱為儲存格,最外圍的青色框線稱為表格的邊框,儲存格內容和儲存格外框的距離稱為內距,橫向的排列稱為列，而本圖中的表格就有三列,縱向的排列稱為欄，而本圖中的表格就有四欄,基本表格建立,5-2 表格建立方式,1.輸入表格相關設定,2.頁首樣式選擇兩者皆有,3.輸入註解文字,1.開啟範例檔,2.點選插
2、入/表格圖示鈕,5-2 表格建立方式,建立完成的表格,在表格中輸入文字。在輸入的同時，儲存格寬度會自動調整。,表格資料的匯入(1),匯入Excel資料,5-2 表格建立方式,1.開啟空白網頁,2.執行匯入/Excel文件,5-2 表格建立方式,2.指定格式化為文字、結構、完整格式,匯入完成的Excel資料,1.點選範例檔,表格資料的匯入(2),匯入表格式資料,5-2 表格建立方式,執行功能表中的檔案/匯入/表格式資料指令,5-2 表格建立方式,匯入完成的純文字檔案,按下瀏覽鍵,表格選取技巧,儲存格範圍的選取 1.不連續選取進行不連續選取時要搭配Ctrl鍵。,5-3 表格的編輯操作,先點取第1個
3、儲存格,按住Ctrl鍵後再點取其他儲存格，就可以進行不連續的儲存格選取。,2.連續選取要進行連續選取時則要使用Shift鍵。,5-3 表格的編輯操作,按住Shift鍵後再點取其他儲存格就可以進行連續的儲存格選取,先點取第1個儲存格,3.整欄、整列及表格的選取,5-3 表格的編輯操作,點取此處可選取整個表格,點取此處可選取整欄,點取此處可選取整列,表格編輯功能(1),重設表格的欄數及列數,5-3 表格的編輯操作,先點選整個表格,再從屬性面板中重新調表格的欄數及列數,表格編輯功能(2),調整表格寬度,5-3 表格的編輯操作,1,先點選整個表格,再設定表格的寬度,表格編輯功能(3),內距、間距及邊框
4、的調整,5-3 表格的編輯操作,再從此處進行設定,先點選整個表格,表格編輯功能(4),欄列的插入與刪除1.利用插入列,5-3 表格的編輯操作,先點取此儲存格位置,在插入列中有四個按鈕可用來新增欄或列,5-3 表格的編輯操作,1.按下此圖示鈕,2.新增完成的表格列,2.利用標題選單,5-3 表格的編輯操作,插入完成的欄,2.再選擇要插入欄的方式,1.先點取此箭頭以顯示欄標題選單,表格編輯功能(5),調整欄寬及列高1.手動拖曳,5-3 表格的編輯操作,按此拖曳可調整欄寬或列高,2.數值設定調整欄寬,5-3 表格的編輯操作,2.再輸入寬度數字,1.先選取整欄,調整列高,5-3 表格的編輯操作,1.先
5、選取整列,2.再輸入高度數字,3.欄寬設定時的注意事項,5-3 表格的編輯操作,表格剛建立好時其欄寬會自動分配,若將第1欄的寬度設為150時剩下欄寬會自動均分,表格編輯功能(6),儲存格的分割及合併 1.合併儲存格,5-3 表格的編輯操作,合併完成的結果,2.再點取此圖示,1.先選取要合併的儲存格範圍,2.分割儲存格,5-3 表格的編輯操作,Dreamweaver會以合併儲存格的方式來處理分割結果，而不是從中間分割為2列。,2.再點取此圖示,1.先點取要分割的儲存格,表格編輯功能(7),清除表格的寬度及亮度 1.清除寬度,5-3 表格的編輯操作,2.再點取屬性面板上的圖示,寬度清除後的結果,1
6、.先點取要設定的表格,2.清除高度,5-3 表格的編輯操作,2.再點取屬性面板上的圖示,1.先點取要設定的表格,高度清除後的結果,表格編輯功能(8),儲存格的其他設定,5-3 表格的編輯操作,勾選啟用表頭的儲存格，其文字內容會變為粗體及置中對齊。,設定此儲存格的文字內容會在同一行顯示，若遇到欄寬不夠時會自動調整欄寬以配合文字內容。,調整儲存格內資料的垂直對齊方式。,調整儲存格內資料的水平對齊方式。,美化表格外觀,5-4 美化表格外觀,2.設定儲存格的外框色及底色,1.先點選整列,2.設定表格的外框色及底色,1.先點選整個表格,排序表格資料,5-5 排序表格資料,1.選取整個表格,2.執行命令/
7、表格排序指令,5-5 排序表格資料,設定條件如畫面,員工已依地區欄位排序；同一地區員工則再依部門做排序。,員工已依地區欄位排序；同一地區員工則再依部門做排序。,繪製版面表格,5-6 版面表格效果,在插入列中點選版面/繪製版面表格圖示,執行檢視/表格模式/版面模式指令，切換到版面模式。,5-6 版面表格效果,繪製完成的版面表格,在畫面上拖曳繪製版面表格,可用於調整版面表格的大小,目前的頁面是處於版面模式,繪製版面儲存格,5-6 版面表格效果,在插入列中點選版面/繪製版面儲存格圖示,在畫面上拖曳繪製版面儲存格。,5-6 版面表格效果,繪製完成的版面儲存格,調整版面儲存格(1),1.縮放版面儲存格,
8、5-6 版面表格效果,2.拖曳可縮放版面儲存格的大小,1.先點取版面儲存格的邊框,調整版面儲存格(2),2.移動版面儲存格,5-6 版面表格效果,按住邊框進行拖曳，可調整版面儲存格的位置。,移動之後的版面儲存格,調整版面儲存格(3),3.版面儲存格增加與刪除,5-6 版面表格效果,點選插入列的版面/繪製版面儲存格鈕,在表格中拖曳出儲存格範圍,5-6 版面表格效果,若要刪除儲存格，則先點選該儲存格，再按下Delete鍵。,儲存格被刪除了,編輯版面儲存格的內容,5-6 版面表格效果,內容會正常顯示,在版面儲存格中輸入文字,按此鈕回到標準模式,應用範例-成績查詢的網頁設計(1),5-6 版面表格效果
9、,應用範例-成績查詢的網頁設計(2),設定網頁背景,5-6 版面表格效果,2.指定背景圖檔,3.點選不重複,1.點選外觀項目,執行修改/頁面屬性指令,5-6 版面表格效果,完成背景圖設定,應用範例-成績查詢的網頁設計(3),加入表格資料,5-6 版面表格效果,執行插入/表格物件/匯入表格式資料,利用Enter鍵以增加段落範圍,5-6 版面表格效果,加入之後的表格內容,點取選擇成績查詢.txt,應用範例-成績查詢的網頁設計(4),使用表格排序來建立名次,5-6 版面表格效果,5-6 版面表格效果,排序完成的畫面,先設定如畫面上所示（因為平均成績在第7個欄位）,應用範例-成績查詢的網頁設計(5),美化表格,5-6 版面表格效果,2.設定邊框為2，並選擇背景顏色及邊框顏色。,1.選取整個表格,5-6 版面表格效果,2.指定第一列為表頭,3.字體大小設為大,4.選擇表頭列的背景顏色,1.選取第一列,
