1、第4章表格和表單,教學目的,了解Dreamweaver 8中表格的基本特點 掌握表格與表單的基本操作 掌握使用表格與表單創(chuàng)建網(wǎng)頁的方法,本章內(nèi)容,插入表格 單元格操作 表格操作 表格數(shù)據(jù)操作 使用表格規(guī)劃頁面布局 插入表單 表格和表單應用,插入表格,4.1 插入表格,插入表格 改變表格屬性 修改表格,插入表格,插入表格,改變表格屬性,1表格元素,2改變單元格的大小,改變表格屬性,拖動格線改變單元格的大小,3調(diào)整單元格間距,選擇表格，在窗口下面出現(xiàn)表格屬性面板，在單元格間距中輸入新的數(shù)值，調(diào)整單元格之間的距離。,4設置表格的對齊方式,在頁面中插入的表格，其默認位置是居左，可以通過表格屬性面板更改

2、表格的位置。首先選取表格，在窗口下方出現(xiàn)表格屬性面板，在對齊選項列表內(nèi)選擇“左對齊”、“居中對齊”、“右對齊”即可。,改變表格屬性,5使用表格屬性面板,改變表格屬性,選擇表格,表格屬性面板,修改表格,1增加行和列,調(diào)整行數(shù)和列數(shù),選取表格，在表格屬性面板中重新設置行數(shù)和列數(shù)。如果重新輸入的數(shù)值大于原來的數(shù)值，則增加行或列；如果重新輸入的數(shù)值小于原來的數(shù)值，則刪除行或列。,增加行數(shù),減少行數(shù),修改表格,使用命令,插入一行,修改表格,插入數(shù)行,使用命令,修改表格,光標移到最后一行或最后一個單元格上，按下Tab鍵,2刪除行和列,修改表格,要刪除整行或整列，選擇整個行或列后，按下Delete鍵即可。,

3、刪除行或列前必須選定整個行或列，如果沒有選定整個行或列，則只能刪除單元格中的數(shù)據(jù)，而刪除不了行或列。,單元格操作,4.2 單元格操作,選擇單元格 合并和拆分單元格 使用單元格屬性面板,選擇單元格,1選擇一個單元格,單擊一個單元格選中,2選擇多個單元格,選擇單元格,按住Ctrl鍵同時選擇多個不連續(xù)的單元格,用Shift鍵選擇多個連續(xù)的單元格,選擇單元格,3選擇整行（列）,選擇單元格,4選擇多行（列）,按住Ctrl鍵同時選擇多個不連續(xù)的行,用Shift鍵選擇多個連續(xù)的行,合并和拆分單元格,1合并單元格,合并和拆分單元格,2拆分單元格,合并和拆分單元格,3使用單元格屬性面板,合并所選單元格,拆分所選

4、單元格為行或列,表格操作,4.3 表格操作,在表格中插入內(nèi)容 設置表格 設置單元格 清除多余列寬和行高,在表格中插入內(nèi)容,設置表格,1設置表格背景圖像,拖住指向本地文件,設置表格,2設置表格背景色,設置表格,3設置表格外框顏色,設置單元格,1設置單元格的背景圖像,拖住指向本地文件,設置單元格,2設置單元格的背景色,設置單元格,3設置單元格邊框顏色,清除多余列寬和行高,1清除多余列寬,選擇目標單元格,清除多余列寬和行高,2清除多余行高,選擇目標單元格,表格數(shù)據(jù)操作,4.4 表格數(shù)據(jù)操作,表格數(shù)據(jù)排序 導入（導出）數(shù)據(jù) 套用表格樣式,表格數(shù)據(jù)排序,“命令” “排序表格”,導入（導出）數(shù)據(jù),1導入數(shù)

5、據(jù),打開Excel 數(shù)據(jù)表,導入（導出）數(shù)據(jù),“文件” “導入” “表格式數(shù)據(jù)”,2導出數(shù)據(jù),導入（導出）數(shù)據(jù),“文件” “導出” “表格”,套用表格樣式,1直接套用表格樣式,“命令” “格式化表格”,套用表格樣式,2修改并套用表格格式,“命令” “格式化表格”,修改表格格式,使用表格規(guī)劃頁面布局,4.5 使用表格規(guī)劃頁面布局,打開版面設計視圖 規(guī)劃頁面布局,打開版面設計視圖,“查看”“表格模式”“布局模式”命令,單擊插入面板布局下的布局模式按鈕,進入版面設計視圖,規(guī)劃頁面布局,1通過單元格規(guī)劃頁面布局,調(diào)整單元格大小,規(guī)劃頁面布局,2通過表格規(guī)劃頁面布局,規(guī)劃頁面布局,規(guī)劃頁面布局,插入表單

6、,4.6 插入表單,表單對象 插入表單域 插入文本域 插入文件域 插入單選按鈕和復選框 插入按鈕,插入表單,插入列表和下拉菜單 插入其他表單對象,表單對象,插入表單域,1在頁面中插入表單域,插入表單域,2表單域屬性設置,單擊表單域外區(qū)域,單擊標簽欄中的標簽,插入文本域,1在頁面中插入文本域,插入文本域,2設置文本域屬性,插入文本域，打開文本域屬性面板,單行文本域屬性面板,多行文本域屬性面板,插入文件域,1在頁面中插入文件域,插入文件域,2設置文件域屬性,選擇插入頁面的文件域，打開文件域屬性面板,插入單選按鈕和復選框,單選按鈕只能是惟一的選擇，而復選框一次可以選擇多項 。,1插入單個單選按鈕,插

7、入單選按鈕和復選框,在單選按鈕后輸入標簽,2插入一組單選按鈕,插入單選按鈕和復選框,調(diào)整單選按鈕順序,3插入復選框,插入單選按鈕和復選框,插入復選框,4設置單選按鈕和復選框屬性,插入單選按鈕和復選框,選擇插入頁面中的單選按鈕和復選框，打開對應的屬性面板,單選屬性面板,復選框屬性面板,插入按鈕,在Web頁面中經(jīng)?？梢钥吹桨粹o，使用按鈕可以提交數(shù)據(jù)、重新設置表單域，或者觸發(fā)動作。,1在頁面中插入按鈕,插入按鈕,插入按鈕,2設置按鈕屬性,插入按鈕，打開按鈕屬性面板,1在頁面中插入列表或下拉菜單,插入列表和下拉菜單,插入列表或下拉菜單,2設置列表或下拉菜單屬性,插入列表和下拉菜單,插入其他表單對象,表格和表單應用,4.7 表格和表單應用,表格應用實例 制作交互式表單,表格應用實例,1創(chuàng)建表格,將光標置于文檔中要插入表格的地方，選擇命令“插入”“表格”,表格應用實例,合并單元格作為標題行,錄入數(shù)據(jù),表格應用實例,2使用CSS樣式修飾表格,右擊“CSS樣式”面板，選擇“新建”命令,表格應用實例,表格應用實例,3套用表格格式,選擇表格，然后選擇命令“命令”“格式化表格”,表格應用實例,4對表格數(shù)據(jù)進行排序,選擇“命令” “排序表