第7講 為網(wǎng)頁添加表格課件

1、移除移除WordWord產(chǎn)生的無關(guān)產(chǎn)生的無關(guān)HTMLHTML程序代碼程序代碼鼠標(biāo)經(jīng)過圖像的添加鼠標(biāo)經(jīng)過圖像的添加制作滾動圖片制作滾動圖片動畫素材的采集與制作動畫素材的采集與制作在網(wǎng)頁中添加動畫在網(wǎng)頁中添加動畫音頻素材的采集與制作音頻素材的采集與制作在網(wǎng)頁中添加音頻在網(wǎng)頁中添加音頻上一講回顧上一講回顧本講主要內(nèi)容本講主要內(nèi)容視頻素材的采集視頻素材的采集在網(wǎng)頁中添加視頻素材在網(wǎng)頁中添加視頻素材網(wǎng)頁中表格的使用網(wǎng)頁中表格的使用常用數(shù)字視頻格式常用數(shù)字視頻格式MPEGMPEG格式格式：運動圖像壓縮算法的國際標(biāo)準(zhǔn)，被幾乎：運動圖像壓縮算法的國際標(biāo)準(zhǔn)，被幾乎所有的計算機(jī)平臺共同支持。所有的計算機(jī)平臺共同支

2、持。AVIAVI格式格式：19921992年年MicrosoftMicrosoft公司推出的公司推出的AVIAVI技術(shù)標(biāo)準(zhǔn)，技術(shù)標(biāo)準(zhǔn)，是一種音視頻交插記錄的數(shù)字視頻格式。是一種音視頻交插記錄的數(shù)字視頻格式。RMRM格式格式：Real NetworksReal Networks公司開發(fā)的一種新型流式視公司開發(fā)的一種新型流式視頻文格式，主要用來在低速率的廣域網(wǎng)上實時傳輸頻文格式，主要用來在低速率的廣域網(wǎng)上實時傳輸活動視頻影像。活動視頻影像。視頻獲取途徑視頻獲取途徑從數(shù)字化素材庫獲得從數(shù)字化素材庫獲得通過數(shù)字?jǐn)z像機(jī)可以通過數(shù)字?jǐn)z像機(jī)可以直接錄制直接錄制數(shù)字視頻圖像數(shù)據(jù)數(shù)字視頻圖像數(shù)據(jù)利用超級解霸等軟

3、件來利用超級解霸等軟件來截取截取VCDVCD上的視頻片段（截上的視頻片段（截取成取成* *.mpg.mpg文件或文件或* *.bmp.bmp圖像序列文件），或把視頻圖像序列文件），或把視頻文件文件* *.dat.dat轉(zhuǎn)換成轉(zhuǎn)換成WindowsWindows系統(tǒng)通用的系統(tǒng)通用的AVIAVI文件。文件。用用SnagItSnagIt捕獲捕獲視頻數(shù)據(jù)視頻數(shù)據(jù)用用SnagIt SnagIt 捕獲屏幕視頻捕獲屏幕視頻操作步驟：操作步驟：捕獲方案選擇為：錄制屏幕視頻捕獲方案選擇為：錄制屏幕視頻方案設(shè)置輸入選項設(shè)置為：屏幕或范圍方案設(shè)置輸入選項設(shè)置為：屏幕或范圍點擊點擊“捕獲捕獲”按鈕按鈕, ,出現(xiàn)出現(xiàn)“開

4、始開始”對話框?qū)υ捒螯c擊點擊“開始開始”按鈕按鈕就可以捕獲就可以捕獲按按“Print ScreenPrint Screen”鍵停止捕獲鍵停止捕獲* * *捕獲視頻中的圖像捕獲視頻中的圖像* * *解決辦法：關(guān)閉系統(tǒng)里的硬件加速解決辦法：關(guān)閉系統(tǒng)里的硬件加速 l操作步驟：運行：操作步驟：運行：dxdiagdxdiag命令命令l重新打開視頻，再進(jìn)行捕獲重新打開視頻，再進(jìn)行捕獲存在的問題：捕獲的圖像為黑屏存在的問題：捕獲的圖像為黑屏* * *截取視頻中的一段截取視頻中的一段* * *借助借助snagitsnagit軟件完成截取圖片和截取視頻片斷的操作軟件完成截取圖片和截取視頻片斷的操作借助借助sna

5、gitsnagit軟件錄制軟件錄制word word 制作目錄的操作過程制作目錄的操作過程返回返回方法：使用方法：使用插件插件（embed ）操作步驟：操作步驟：1) 1) 在在“插入插入”欄的欄的“常用常用”類別中，單擊類別中，單擊“媒體媒體”按按鈕，然后從彈出菜單中選擇鈕，然后從彈出菜單中選擇“插件插件”圖標(biāo)。圖標(biāo)。2 2）選擇選擇“插入插入 ” ” “媒體媒體” “插件插件”注意注意： 使用使用embed 可以插入各種類型的多媒體可以插入各種類型的多媒體文件（文件（wmvwmv、mp3mp3、AVIAVI、MPEGMPEG、SWFSWF、MOVMOV、RMVBRMVB等），等），使用使用

6、embed 之前，需要安裝相應(yīng)的插件，否則多之前，需要安裝相應(yīng)的插件，否則多媒體文件不能正常播放。媒體文件不能正常播放。* * *為網(wǎng)頁添加視頻為網(wǎng)頁添加視頻* * *使用使用embed 可以插入各種類型的多媒體文件（可以插入各種類型的多媒體文件（wmvwmv、mp3mp3、AVIAVI、MPEGMPEG、SWFSWF、MOVMOV、RMVBRMVB等），使用等），使用embed 之前，需要安裝相應(yīng)的插件，否則多媒之前，需要安裝相應(yīng)的插件，否則多媒體文件不能正常播放。體文件不能正常播放。借助互聯(lián)網(wǎng)查詢要保證不同類型的多媒體文件正常播借助互聯(lián)網(wǎng)查詢要保證不同類型的多媒體文件正常播放，都需要安裝哪

7、些插件？放，都需要安裝哪些插件？返回返回 存放數(shù)據(jù)，存放數(shù)據(jù)，分類列表分類列表一、認(rèn)識表格一、認(rèn)識表格1 1、表格的作用、表格的作用 布局頁面布局頁面表格能讓網(wǎng)頁版面看起來更井然有序。表格能讓網(wǎng)頁版面看起來更井然有序。表格表格是目前網(wǎng)頁進(jìn)行版面配置最主要的結(jié)構(gòu)。是目前網(wǎng)頁進(jìn)行版面配置最主要的結(jié)構(gòu)。善用表格，會讓網(wǎng)頁更顯專業(yè)、更引人入勝。善用表格，會讓網(wǎng)頁更顯專業(yè)、更引人入勝。1 1、表格的作用、表格的作用Dreamweaver Dreamweaver 中擁有的二種表格檢視模式中擁有的二種表格檢視模式2 2、表格的二種檢視模式表格的二種檢視模式標(biāo)準(zhǔn)模式標(biāo)準(zhǔn)模式：是一般最常是一般最常使用的編輯模式

8、，也是使用的編輯模式，也是最接近瀏覽器中預(yù)覽的最接近瀏覽器中預(yù)覽的樣子。樣子。擴(kuò)展表格模式：擴(kuò)展表格模式：表格的框線表格的框線和間距會變的特別粗、特別和間距會變的特別粗、特別寬大，與實際于瀏覽器中所寬大，與實際于瀏覽器中所看到的不一樣，目的是要方看到的不一樣，目的是要方便選取到較細(xì)小的單元格與便選取到較細(xì)小的單元格與其內(nèi)容，當(dāng)調(diào)整完可以再切其內(nèi)容，當(dāng)調(diào)整完可以再切回回 標(biāo)準(zhǔn)模式標(biāo)準(zhǔn)模式 即可。即可。2 2、表格的二種檢視模式表格的二種檢視模式切換方式：切換方式： 方法方法1 1：查看：查看/ /表格模式表格模式 方法方法2 2：按鈕切換：按鈕切換2 2、表格的二種檢視模式表格的二種檢視模式表格

9、是由一列或多列所構(gòu)成；而每一列則是由一個或表格是由一列或多列所構(gòu)成；而每一列則是由一個或多個單元格構(gòu)成。多個單元格構(gòu)成。3、認(rèn)識表格的組成元素、認(rèn)識表格的組成元素步驟：步驟：1 1）單擊網(wǎng)頁中需要插入表格的地方）單擊網(wǎng)頁中需要插入表格的地方2 2）在菜單欄選擇）在菜單欄選擇“插入插入”-“-“表格表格”命令命令 或者單擊或者單擊“常用常用”工具欄里的工具欄里的“表格表格”按鈕按鈕 或者運用組合鍵或者運用組合鍵CTRL+ALT+TCTRL+ALT+T4、插入表格、插入表格4、插入表格、插入表格行數(shù)行數(shù)和列數(shù)：和列數(shù)：表格寬度：表示表格在頁面中寬度表格寬度：表示表格在頁面中寬度的大小。的大小。（像

10、素設(shè)置的是像素設(shè)置的是表格表格寬度寬度的實際值的實際值；百分比設(shè)置的是表格與百分比設(shè)置的是表格與頁面寬度的相對比值頁面寬度的相對比值）邊框粗細(xì)：設(shè)置表格邊框的粗細(xì)效邊框粗細(xì)：設(shè)置表格邊框的粗細(xì)效果。果。單元格邊距：是指單元格中填充內(nèi)單元格邊距：是指單元格中填充內(nèi)容距離邊框的距離大小。容距離邊框的距離大小。（默認(rèn)值（默認(rèn)值為為1 1像素）像素）單元格間距：是指相鄰單元格之間單元格間距：是指相鄰單元格之間的距離。的距離。（默認(rèn)值為（默認(rèn)值為2 2像素）像素）table width=200 cellpadding=104、插入表格、插入表格標(biāo)題（又稱為頁眉標(biāo)題（又稱為頁眉）：用于設(shè)）：用于設(shè)置表格的

11、行或列的標(biāo)題（自動加粗）置表格的行或列的標(biāo)題（自動加粗）4、插入表格、插入表格標(biāo)題：設(shè)置表格的標(biāo)題標(biāo)題：設(shè)置表格的標(biāo)題名稱，默認(rèn)會出現(xiàn)在表名稱，默認(rèn)會出現(xiàn)在表格的上方。格的上方。摘要：為表格的備注，摘要：為表格的備注，不會在網(wǎng)頁中顯示。不會在網(wǎng)頁中顯示。修改表格前，一定要先知道如何快速選取要調(diào)整的表格修改表格前，一定要先知道如何快速選取要調(diào)整的表格或單元格。或單元格。選取單元格選取單元格選取一個單元格選取一個單元格l按住按住CtrlCtrl鍵不放，在要選取的單元格上單擊左鍵鍵不放，在要選取的單元格上單擊左鍵 選取多個單元格選取多個單元格l按住按住CtrlCtrl鍵不放，在要選取不連續(xù)單元格上單

12、擊左鍵鍵不放，在要選取不連續(xù)單元格上單擊左鍵l按住按住SHIFTSHIFT鍵不放，在要選取連續(xù)單元格上單擊左鍵鍵不放，在要選取連續(xù)單元格上單擊左鍵5、選取表格各組成元素的方法、選取表格各組成元素的方法選取行選取行與列與列5、選取表格各組成元素的方法、選取表格各組成元素的方法選取整個表格選取整個表格5、選取表格各組成元素的方法、選取表格各組成元素的方法鼠標(biāo)定位在表格內(nèi)，執(zhí)行鼠標(biāo)定位在表格內(nèi)，執(zhí)行“修改修改表格表格選擇表格選擇表格”命令命令利用利用“標(biāo)簽選擇欄標(biāo)簽選擇欄”選定表格及表格元素選定表格及表格元素 將光標(biāo)定位到單元格中將光標(biāo)定位到單元格中: : ： 表格表格 ： 行行 ： 單元格單元格

13、： 標(biāo)題單元格標(biāo)題單元格認(rèn)識認(rèn)識表格表格屬性面板屬性面板選取整個表格（選取整個表格（）時，會看到此表格的屬性）時，會看到此表格的屬性 面板面板6、更改表格、行、單元格屬性、更改表格、行、單元格屬性操作操作：添加刪除行或列，修改表格的寬度（：添加刪除行或列，修改表格的寬度（widthwidth）、填）、填充（充（cellpaddingcellpadding）、間距（）、間距（cellspacingcellspacing）、邊框?qū)挾龋⑦吙驅(qū)挾?border)(border)、對齊（、對齊（alignalign）l單擊選中表格單擊選中表格 l右擊鼠標(biāo)，選按右擊鼠標(biāo)，選按“編輯標(biāo)簽編輯標(biāo)簽”按鈕按鈕

14、使用標(biāo)簽檢查器更改表格屬性的方法使用標(biāo)簽檢查器更改表格屬性的方法更改表格的顏色屬性更改表格的顏色屬性存在的問題：如何給表格增加標(biāo)題存在的問題：如何給表格增加標(biāo)題解決辦法：使用解決辦法：使用標(biāo)記標(biāo)記基本語法：基本語法： 表格標(biāo)題表格標(biāo)題語法解釋：語法解釋： 標(biāo)記用在表格標(biāo)記范圍標(biāo)記用在表格標(biāo)記范圍內(nèi)，顯示在表格上方內(nèi)，顯示在表格上方認(rèn)識認(rèn)識行行屬性面板屬性面板 選取任一行（選取任一行（）時，會看到此行的）時，會看到此行的 屬性屬性 面板面板更改行屬性更改行屬性認(rèn)識認(rèn)識單元格單元格屬性面板屬性面板 選取任一單元格（選取任一單元格（或或）時，在）時，在 屬性屬性 面板除了面板除了會顯示文字的設(shè)定字段

15、外，在下方會顯示單元格的設(shè)定字會顯示文字的設(shè)定字段外，在下方會顯示單元格的設(shè)定字段。段。更改單元格屬性更改單元格屬性存在的問題：如何固定單元格的寬度存在的問題：如何固定單元格的寬度 解決思路：解決思路： 設(shè)置好單元格的寬度后，將單元格中的內(nèi)容進(jìn)行強(qiáng)制設(shè)置好單元格的寬度后，將單元格中的內(nèi)容進(jìn)行強(qiáng)制換行換行 提示：效果需在瀏覽視圖下查看提示：效果需在瀏覽視圖下查看合并合并、拆分、拆分單元格單元格l設(shè)計表格時，不一定只是一格格呆板的配置方式，也可設(shè)計表格時，不一定只是一格格呆板的配置方式，也可以搭配合并與分割單元格的動作，讓版面更加活潑。以搭配合并與分割單元格的動作，讓版面更加活潑。操作實例：操作實

16、例：制作嵌套表制作嵌套表格格1 1、插入表格，設(shè)置如圖、插入表格，設(shè)置如圖2 2、設(shè)置表格居中對齊、設(shè)置表格居中對齊3 3、表格背景色為白色、表格背景色為白色4 4、選中第、選中第3 3行，將其拆分為行，將其拆分為2 2列列第一步：插入外表格第一步：插入外表格1 1、選中第、選中第1 1行，設(shè)置行，設(shè)置水平居中，垂直頂端對齊，行高為水平居中，垂直頂端對齊，行高為2525像像素，素，背景顏色為：背景顏色為：#B0C4A2#B0C4A22 2、在第、在第1 1行中添加多個特殊符號：行中添加多個特殊符號：第二步：設(shè)置外表格外觀屬性（第二步：設(shè)置外表格外觀屬性（1 1）1 1、分別選中第、分別選中第2

17、 2行和第行和第8 8行，設(shè)置行，設(shè)置水平居中，垂直居中，行高水平居中，垂直居中，行高為為3030像素，像素，背景顏色為：背景顏色為：#546C44#546C442 2、在第、在第2 2行中錄入文字：個人簡歷，顏色為白色行中錄入文字：個人簡歷，顏色為白色3 3、在第、在第8 8行中錄入文字：行中錄入文字：copyrightcopyright莫某，顏色為白色莫某，顏色為白色第二步：設(shè)置外表格外觀屬性（第二步：設(shè)置外表格外觀屬性（2 2）1 1、選中第、選中第3 3行的第行的第1 1個單元格，設(shè)置個單元格，設(shè)置水平居中，垂直居中，寬水平居中，垂直居中，寬為為333333像素，高為像素，高為1701

18、70像素像素2 2、選中第、選中第3 3行的第行的第2 2個單元格，設(shè)置個單元格，設(shè)置水平方向左對齊，垂直居水平方向左對齊，垂直居中，寬為中，寬為266266像素像素第二步：設(shè)置外表格外觀屬性（第二步：設(shè)置外表格外觀屬性（3 3）第三步：插入嵌套表格第三步：插入嵌套表格1 1、選中、選中外表格外表格第第3 3行的第行的第1 1個單元格，在其中插入個單元格，在其中插入嵌套表嵌套表格格，設(shè)置如圖，設(shè)置如圖第三步：插入嵌套表格第三步：插入嵌套表格1 1、選中、選中嵌套表格嵌套表格中的第中的第1 1列，設(shè)置如下：列，設(shè)置如下：第四步：設(shè)置嵌套表格屬性第四步：設(shè)置嵌套表格屬性2 2、選中、選中嵌套表格嵌

19、套表格中的第中的第2 2列，設(shè)置如下：列，設(shè)置如下：3 3、為、為嵌套表格嵌套表格錄入文字信息，設(shè)置如下：錄入文字信息，設(shè)置如下：第五步：插入嵌套表格第五步：插入嵌套表格1 1、選中、選中外表格外表格第第4 4行，在其中插入表格，設(shè)置如圖行，在其中插入表格，設(shè)置如圖2 2、選中、選中嵌套表格嵌套表格的第的第2 2行，將其合并單元格行，將其合并單元格第五步：插入嵌套表格第五步：插入嵌套表格1 1、選中、選中嵌套表格嵌套表格設(shè)置為居中對齊設(shè)置為居中對齊2 2、選中、選中嵌套表格嵌套表格第第1 1行第行第1 1個單元格，設(shè)置屬性如圖個單元格，設(shè)置屬性如圖3 3、在、在嵌套表格嵌套表格第第1 1行第行第1 1個單元格中輸入個單元格中輸入：|求職意向求職意向|（白色）（白色）第六步：設(shè)置嵌套表格屬性（第六步：設(shè)置嵌套表格屬性（1 1）選中選中嵌套表格嵌套表格第第2 2行，設(shè)置屬性如圖：行，設(shè)置屬性如圖：第六步：設(shè)置嵌套表格屬性（第六步：設(shè)置嵌套表格屬性（2 2）1 1、在、在嵌套表格嵌套表格第第2 2行中插入行中插入嵌套表格嵌套表格，設(shè)置如圖，設(shè)置如圖2 2、設(shè)置、設(shè)置嵌套表格嵌套表格左對齊，背景顏色為左對齊，背景顏色為#B0C4A