第4章_表格和表單.ppt

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

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

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

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

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

6、,4.6 插入表單,表單對(duì)象 插入表單域 插入文本域 插入文件域 插入單選按鈕和復(fù)選框 插入按鈕,插入表單,插入列表和下拉菜單 插入其他表單對(duì)象,表單對(duì)象,插入表單域,1在頁面中插入表單域,插入表單域,2表單域?qū)傩栽O(shè)置,單擊表單域外區(qū)域,單擊標(biāo)簽欄中的標(biāo)簽,插入文本域,1在頁面中插入文本域,插入文本域,2設(shè)置文本域?qū)傩?插入文本域，打開文本域?qū)傩悦姘?單行文本域?qū)傩悦姘?多行文本域?qū)傩悦姘?插入文件域,1在頁面中插入文件域,插入文件域,2設(shè)置文件域?qū)傩?選擇插入頁面的文件域，打開文件域?qū)傩悦姘?插入單選按鈕和復(fù)選框,單選按鈕只能是惟一的選擇，而復(fù)選框一次可以選擇多項(xiàng) 。,1插入單個(gè)單選按鈕,插

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