第7讲 为网页添加表格课件

1、移除移除WordWord产生的无关产生的无关HTMLHTML程序代码程序代码鼠标经过图像的添加鼠标经过图像的添加制作滚动图片制作滚动图片动画素材的采集与制作动画素材的采集与制作在网页中添加动画在网页中添加动画音频素材的采集与制作音频素材的采集与制作在网页中添加音频在网页中添加音频上一讲回顾上一讲回顾本讲主要内容本讲主要内容视频素材的采集视频素材的采集在网页中添加视频素材在网页中添加视频素材网页中表格的使用网页中表格的使用常用数字视频格式常用数字视频格式MPEGMPEG格式格式：运动图像压缩算法的国际标准，被几乎：运动图像压缩算法的国际标准，被几乎所有的计算机平台共同支持。所有的计算机平台共同支

2、持。AVIAVI格式格式：19921992年年MicrosoftMicrosoft公司推出的公司推出的AVIAVI技术标准，技术标准，是一种音视频交插记录的数字视频格式。是一种音视频交插记录的数字视频格式。RMRM格式格式：Real NetworksReal Networks公司开发的一种新型流式视公司开发的一种新型流式视频文格式，主要用来在低速率的广域网上实时传输频文格式，主要用来在低速率的广域网上实时传输活动视频影像。活动视频影像。视频获取途径视频获取途径从数字化素材库获得从数字化素材库获得通过数字摄像机可以通过数字摄像机可以直接录制直接录制数字视频图像数据数字视频图像数据利用超级解霸等软

3、件来利用超级解霸等软件来截取截取VCDVCD上的视频片段（截上的视频片段（截取成取成* *.mpg.mpg文件或文件或* *.bmp.bmp图像序列文件），或把视频图像序列文件），或把视频文件文件* *.dat.dat转换成转换成WindowsWindows系统通用的系统通用的AVIAVI文件。文件。用用SnagItSnagIt捕获捕获视频数据视频数据用用SnagIt SnagIt 捕获屏幕视频捕获屏幕视频操作步骤：操作步骤：捕获方案选择为：录制屏幕视频捕获方案选择为：录制屏幕视频方案设置输入选项设置为：屏幕或范围方案设置输入选项设置为：屏幕或范围点击点击“捕获捕获”按钮按钮, ,出现出现“开

4、始开始”对话框对话框点击点击“开始开始”按钮按钮就可以捕获就可以捕获按按“Print ScreenPrint Screen”键停止捕获键停止捕获* * *捕获视频中的图像捕获视频中的图像* * *解决办法：关闭系统里的硬件加速解决办法：关闭系统里的硬件加速 l操作步骤：运行：操作步骤：运行：dxdiagdxdiag命令命令l重新打开视频，再进行捕获重新打开视频，再进行捕获存在的问题：捕获的图像为黑屏存在的问题：捕获的图像为黑屏* * *截取视频中的一段截取视频中的一段* * *借助借助snagitsnagit软件完成截取图片和截取视频片断的操作软件完成截取图片和截取视频片断的操作借助借助sna

5、gitsnagit软件录制软件录制word word 制作目录的操作过程制作目录的操作过程返回返回方法：使用方法：使用插件插件（embed ）操作步骤：操作步骤：1) 1) 在在“插入插入”栏的栏的“常用常用”类别中，单击类别中，单击“媒体媒体”按按钮，然后从弹出菜单中选择钮，然后从弹出菜单中选择“插件插件”图标。图标。2 2）选择选择“插入插入 ” ” “媒体媒体” “插件插件”注意注意： 使用使用embed 可以插入各种类型的多媒体可以插入各种类型的多媒体文件（文件（wmvwmv、mp3mp3、AVIAVI、MPEGMPEG、SWFSWF、MOVMOV、RMVBRMVB等），等），使用使用

6、embed 之前，需要安装相应的插件，否则多之前，需要安装相应的插件，否则多媒体文件不能正常播放。媒体文件不能正常播放。* * *为网页添加视频为网页添加视频* * *使用使用embed 可以插入各种类型的多媒体文件（可以插入各种类型的多媒体文件（wmvwmv、mp3mp3、AVIAVI、MPEGMPEG、SWFSWF、MOVMOV、RMVBRMVB等），使用等），使用embed 之前，需要安装相应的插件，否则多媒之前，需要安装相应的插件，否则多媒体文件不能正常播放。体文件不能正常播放。借助互联网查询要保证不同类型的多媒体文件正常播借助互联网查询要保证不同类型的多媒体文件正常播放，都需要安装哪

7、些插件？放，都需要安装哪些插件？返回返回 存放数据，存放数据，分类列表分类列表一、认识表格一、认识表格1 1、表格的作用、表格的作用 布局页面布局页面表格能让网页版面看起来更井然有序。表格能让网页版面看起来更井然有序。表格表格是目前网页进行版面配置最主要的结构。是目前网页进行版面配置最主要的结构。善用表格，会让网页更显专业、更引人入胜。善用表格，会让网页更显专业、更引人入胜。1 1、表格的作用、表格的作用Dreamweaver Dreamweaver 中拥有的二种表格检视模式中拥有的二种表格检视模式2 2、表格的二种检视模式表格的二种检视模式标准模式标准模式：是一般最常是一般最常使用的编辑模式

8、，也是使用的编辑模式，也是最接近浏览器中预览的最接近浏览器中预览的样子。样子。扩展表格模式：扩展表格模式：表格的框线表格的框线和间距会变的特别粗、特别和间距会变的特别粗、特别宽大，与实际于浏览器中所宽大，与实际于浏览器中所看到的不一样，目的是要方看到的不一样，目的是要方便选取到较细小的单元格与便选取到较细小的单元格与其内容，当调整完可以再切其内容，当调整完可以再切回回 标准模式标准模式 即可。即可。2 2、表格的二种检视模式表格的二种检视模式切换方式：切换方式： 方法方法1 1：查看：查看/ /表格模式表格模式 方法方法2 2：按钮切换：按钮切换2 2、表格的二种检视模式表格的二种检视模式表格

9、是由一列或多列所构成；而每一列则是由一个或表格是由一列或多列所构成；而每一列则是由一个或多个单元格构成。多个单元格构成。3、认识表格的组成元素、认识表格的组成元素步骤：步骤：1 1）单击网页中需要插入表格的地方）单击网页中需要插入表格的地方2 2）在菜单栏选择）在菜单栏选择“插入插入”-“-“表格表格”命令命令 或者单击或者单击“常用常用”工具栏里的工具栏里的“表格表格”按钮按钮 或者运用组合键或者运用组合键CTRL+ALT+TCTRL+ALT+T4、插入表格、插入表格4、插入表格、插入表格行数行数和列数：和列数：表格宽度：表示表格在页面中宽度表格宽度：表示表格在页面中宽度的大小。的大小。（像

10、素设置的是像素设置的是表格表格宽度宽度的实际值的实际值；百分比设置的是表格与百分比设置的是表格与页面宽度的相对比值页面宽度的相对比值）边框粗细：设置表格边框的粗细效边框粗细：设置表格边框的粗细效果。果。单元格边距：是指单元格中填充内单元格边距：是指单元格中填充内容距离边框的距离大小。容距离边框的距离大小。（默认值（默认值为为1 1像素）像素）单元格间距：是指相邻单元格之间单元格间距：是指相邻单元格之间的距离。的距离。（默认值为（默认值为2 2像素）像素）table width=200 cellpadding=104、插入表格、插入表格标题（又称为页眉标题（又称为页眉）：用于设）：用于设置表格的

11、行或列的标题（自动加粗）置表格的行或列的标题（自动加粗）4、插入表格、插入表格标题：设置表格的标题标题：设置表格的标题名称，默认会出现在表名称，默认会出现在表格的上方。格的上方。摘要：为表格的备注，摘要：为表格的备注，不会在网页中显示。不会在网页中显示。修改表格前，一定要先知道如何快速选取要调整的表格修改表格前，一定要先知道如何快速选取要调整的表格或单元格。或单元格。选取单元格选取单元格选取一个单元格选取一个单元格l按住按住CtrlCtrl键不放，在要选取的单元格上单击左键键不放，在要选取的单元格上单击左键 选取多个单元格选取多个单元格l按住按住CtrlCtrl键不放，在要选取不连续单元格上单

12、击左键键不放，在要选取不连续单元格上单击左键l按住按住SHIFTSHIFT键不放，在要选取连续单元格上单击左键键不放，在要选取连续单元格上单击左键5、选取表格各组成元素的方法、选取表格各组成元素的方法选取行选取行与列与列5、选取表格各组成元素的方法、选取表格各组成元素的方法选取整个表格选取整个表格5、选取表格各组成元素的方法、选取表格各组成元素的方法鼠标定位在表格内，执行鼠标定位在表格内，执行“修改修改表格表格选择表格选择表格”命令命令利用利用“标签选择栏标签选择栏”选定表格及表格元素选定表格及表格元素 将光标定位到单元格中将光标定位到单元格中: : ： 表格表格 ： 行行 ： 单元格单元格

13、： 标题单元格标题单元格认识认识表格表格属性面板属性面板选取整个表格（选取整个表格（）时，会看到此表格的属性）时，会看到此表格的属性 面板面板6、更改表格、行、单元格属性、更改表格、行、单元格属性操作操作：添加删除行或列，修改表格的宽度（：添加删除行或列，修改表格的宽度（widthwidth）、填）、填充（充（cellpaddingcellpadding）、间距（）、间距（cellspacingcellspacing）、边框宽度）、边框宽度(border)(border)、对齐（、对齐（alignalign）l单击选中表格单击选中表格 l右击鼠标，选按右击鼠标，选按“编辑标签编辑标签”按钮按钮

14、使用标签检查器更改表格属性的方法使用标签检查器更改表格属性的方法更改表格的颜色属性更改表格的颜色属性存在的问题：如何给表格增加标题存在的问题：如何给表格增加标题解决办法：使用解决办法：使用标记标记基本语法：基本语法： 表格标题表格标题语法解释：语法解释： 标记用在表格标记范围标记用在表格标记范围内，显示在表格上方内，显示在表格上方认识认识行行属性面板属性面板 选取任一行（选取任一行（）时，会看到此行的）时，会看到此行的 属性属性 面板面板更改行属性更改行属性认识认识单元格单元格属性面板属性面板 选取任一单元格（选取任一单元格（或或）时，在）时，在 属性属性 面板除了面板除了会显示文字的设定字段

15、外，在下方会显示单元格的设定字会显示文字的设定字段外，在下方会显示单元格的设定字段。段。更改单元格属性更改单元格属性存在的问题：如何固定单元格的宽度存在的问题：如何固定单元格的宽度 解决思路：解决思路： 设置好单元格的宽度后，将单元格中的内容进行强制设置好单元格的宽度后，将单元格中的内容进行强制换行换行 提示：效果需在浏览视图下查看提示：效果需在浏览视图下查看合并合并、拆分、拆分单元格单元格l设计表格时，不一定只是一格格呆板的配置方式，也可设计表格时，不一定只是一格格呆板的配置方式，也可以搭配合并与分割单元格的动作，让版面更加活泼。以搭配合并与分割单元格的动作，让版面更加活泼。操作实例：操作实

16、例：制作嵌套表制作嵌套表格格1 1、插入表格，设置如图、插入表格，设置如图2 2、设置表格居中对齐、设置表格居中对齐3 3、表格背景色为白色、表格背景色为白色4 4、选中第、选中第3 3行，将其拆分为行，将其拆分为2 2列列第一步：插入外表格第一步：插入外表格1 1、选中第、选中第1 1行，设置行，设置水平居中，垂直顶端对齐，行高为水平居中，垂直顶端对齐，行高为2525像像素，素，背景颜色为：背景颜色为：#B0C4A2#B0C4A22 2、在第、在第1 1行中添加多个特殊符号：行中添加多个特殊符号：第二步：设置外表格外观属性（第二步：设置外表格外观属性（1 1）1 1、分别选中第、分别选中第2

17、 2行和第行和第8 8行，设置行，设置水平居中，垂直居中，行高水平居中，垂直居中，行高为为3030像素，像素，背景颜色为：背景颜色为：#546C44#546C442 2、在第、在第2 2行中录入文字：个人简历，颜色为白色行中录入文字：个人简历，颜色为白色3 3、在第、在第8 8行中录入文字：行中录入文字：copyrightcopyright莫某，颜色为白色莫某，颜色为白色第二步：设置外表格外观属性（第二步：设置外表格外观属性（2 2）1 1、选中第、选中第3 3行的第行的第1 1个单元格，设置个单元格，设置水平居中，垂直居中，宽水平居中，垂直居中，宽为为333333像素，高为像素，高为1701

18、70像素像素2 2、选中第、选中第3 3行的第行的第2 2个单元格，设置个单元格，设置水平方向左对齐，垂直居水平方向左对齐，垂直居中，宽为中，宽为266266像素像素第二步：设置外表格外观属性（第二步：设置外表格外观属性（3 3）第三步：插入嵌套表格第三步：插入嵌套表格1 1、选中、选中外表格外表格第第3 3行的第行的第1 1个单元格，在其中插入个单元格，在其中插入嵌套表嵌套表格格，设置如图，设置如图第三步：插入嵌套表格第三步：插入嵌套表格1 1、选中、选中嵌套表格嵌套表格中的第中的第1 1列，设置如下：列，设置如下：第四步：设置嵌套表格属性第四步：设置嵌套表格属性2 2、选中、选中嵌套表格嵌

19、套表格中的第中的第2 2列，设置如下：列，设置如下：3 3、为、为嵌套表格嵌套表格录入文字信息，设置如下：录入文字信息，设置如下：第五步：插入嵌套表格第五步：插入嵌套表格1 1、选中、选中外表格外表格第第4 4行，在其中插入表格，设置如图行，在其中插入表格，设置如图2 2、选中、选中嵌套表格嵌套表格的第的第2 2行，将其合并单元格行，将其合并单元格第五步：插入嵌套表格第五步：插入嵌套表格1 1、选中、选中嵌套表格嵌套表格设置为居中对齐设置为居中对齐2 2、选中、选中嵌套表格嵌套表格第第1 1行第行第1 1个单元格，设置属性如图个单元格，设置属性如图3 3、在、在嵌套表格嵌套表格第第1 1行第行第1 1个单元格中输入个单元格中输入：|求职意向求职意向|（白色）（白色）第六步：设置嵌套表格属性（第六步：设置嵌套表格属性（1 1）选中选中嵌套表格嵌套表格第第2 2行，设置属性如图：行，设置属性如图：第六步：设置嵌套表格属性（第六步：设置嵌套表格属性（2 2）1 1、在、在嵌套表格嵌套表格第第2 2行中插入行中插入嵌套表格嵌套表格，设置如图，设置如图2 2、设置、设置嵌套表格嵌套表格左对齐，背景颜色为左对齐，背景颜色为#B0C4A