最新DreamweaverCC之表格课件ppt.ppt

《最新DreamweaverCC之表格课件ppt.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、DreamweaverCC之表格1.表格的简单操作2.简单表格的排版3.复杂表格的排版4.表格其它应用本章学习主要内容：在一个表格中，横向称为行，纵向称为列，行列交叉部分称为单元格，单元格中的内容和边框之间的距离称为边距，单元格和单元格之间的距离称为间距，整张表格的边缘称做边框。6.1表格的简单操作在页面中新建表格或选中表格，打开表格【属性】面板，在表格的【属性】面板中，可以设置表格属性，用来控制表格的外观特征。6.1.3表格属性在对表格的操作过程中，如需设置行、列或者是某几个单元格的属性，可选中一个或多个

2、单元格，打开单元格【属性】面板进行设置。6.1.4表格单元格根据需要可以在表格的某些单元格中插入文本、图像或各种多媒体对象。在表格中插入内容通常采用两种方法。（1）直接在【文档】窗口中插入。（2）利用剪贴板插入。6.1.5在表格中插入内容1．选择单元格2．选择行/列3．选择整个表格6.1.6选择表格元素在绘制不规则表格过程中，经常要将多个单元格合并成一个单元格，或者将一个单元格拆分成多行或多列。在采用简单表格布局的网页中，根据网页布局情况合并和拆分单元格是网页布局的关键工作。1.单元格的合并2.单元格的拆分

3、6.1.7合并和拆分单元格简单表格排版就是在页面中插入一个边框宽度为0的表格，通过对行、列和单元格的设置和调整，实现网页元素的精确定位，完成页面排版。用于行列比较规整，结构比较简单的网页。6.2简单表格的排版6.2.1课堂案例-融通室内装饰6.2.2复制、粘贴表格6.2.3删除表格和清除表格内容6.2.4增加和删除表格的行和列6.2简单表格的排版案例学习目标：学会表格基本操作，体验简单排版过程。案例知识要点：选择菜单【修改】

4、【表格】，打开子菜单，选择相应菜单项，对表格进行编辑，实现简单表格的排版。在表格【

5、属性】面板和单元格【属性】面板中设置其基本属性，对整个页面进行外观设计。素材所在位置：光盘/素材/ch06/课堂案例-融通室内装饰。案例布局如图6-11下所示，案例效果如图6-12所示。6.2.1课堂案例-融通室内装饰1.利用菜单2.利用快捷键3.利用鼠标直接拖动6.2.2复制、粘贴表格1.删除整个表格2.删除整行或整列3.清除表格中的内容6.2.3删除表格和清除表格内容1.利用表格【属性】面板2.利用【修改】菜单6.2.4增加和删除表格的行和列通过更多次的拆分合并，以及更多的表格嵌套，形成更加复杂的表格布

6、局形式。由于浏览器下载网页是采取逐层下载的形式，如果将整个复杂网页放在一个大

7、表格【属性】面板和单元格【属性】面板中设置其基本属性，对整个页面进行外观设计。素材所在位置：光盘/素材/ch06/课堂案例-江雨桥的博客。案例效果图如图6-38所示，案例布局如图6-39所示。6.3.1课堂案例-江雨桥的博客1.嵌套表格的大小2.嵌套表格的位置6.3.2表格的嵌套在Dreamweaver中，单元格【属性】面板中仅提供了单元格的背景颜色设置方法，设置表格的背景，或是设置单元格的背景图片，通常采用以下两种方法。1.直接修改代码2.通过添加CSS样式6.3.3单元格与表格背景表格除了具备上述布局功

8、能外，还具有数据管理的功能。通过设置表格和单元格的基本属性，我们可以将数据展示得更见美观清晰，细线表格和带状表格是其中最常使用的两种形式。6.4表格其它应用6.4.1课堂案例-远景苑小区6.4.2细线表格和带状表格6.4.3表格排序6.4表格数据功能案例学习目标：学习使用表格表示数据。案例知识要点：使用菜单【插入】

9、【表格对象】

10、【导入表格式数据】，在页面指定位置插导入表格式数据。素材所在位置：光盘/素材/ch06/课堂案例-远景苑小区。案例效果图如图6-60所示。6.4.1课堂案例-远景苑小区在很多网页制

11、作风格中，设置表格内框线的细线效果，可以强化表格的装饰性而使表格更加美观。但是，细线表格的设置方式不是简单地将表格边框宽度设置为1px，因为此时表格边框宽度和形状都不是细线效果。创建细线表格的方法是，当单元格间距为1px时，分别对表格和单元格设置不同背景颜色，内框线的细线效果即可显示出来。带状表格效果可以令表格中数据显示更加清晰。间隔设置表格中各行的背景效果，即可形成带状表格，常见的带状表格与细线表格结合效果如图