表格基本操作.pptVIP

第四讲 ——表格基本操作 概述 在网页设计中，表格的重要作用就是网页排版。 一个空白网页布置起来比较困难，尤其是一些复杂的页面，怎样才能有效地控制文字、图像、多媒体等网页元素的位置？这时可以利用表格将网页分成若干个单元格，每个单元格对应网页中的一个部分。然后，对每一部分分别进行设计和制作，这样就可以使复杂的网页设计简化，而且所设计的网页清晰、有条理性。 创建表格 创建表格 选择表格 选择整个表格 单击表格的边线 选择单元格 按住CTRL键，单击所要选择的单元格 添加/删除行列 添加行列 添加多行或多列 删除行列 在Dreamweaver中不能单独删除一个或几个单元格，要删除单元格时，必须同时删除该单元格所在的行或列。 直接按DEL键删除 修改—表格—删除行（删除列） 调整表格、行和列大小 直接拖动行或列的边框，若要更改某个列的宽度并保持其他列的大小不变，可以按住Shift键，然后拖动列的边框。 调整“属性面板”中“宽”和“高”文本框内的数值。 表格的嵌套 格式化表格：命令——格式化表格 DreamweaverMX提供了将近20种表格样式，使用它们，可以提高表格的设计效率。 编辑表格 表格属性（P47） ①行(Rows)，列(Cols)：表格的行和列； ② 宽(W)，高(H)：表格的宽和高，通常情况下，我们都不会定义表格的高度； 　　③ 间距(CellPad)，边距(CellSpace)：单元格间距和单元格边距； ④边框(Border)：表格线的宽度； 　　 对齐(Ailgn)：表格的对齐方式，可以将表格靠左（Left）、置中（Center）、靠右（Right） 　　　　 ⑤ ： 消除行的高度设置；　　　 ：消除列的宽度设置；　　　 ：将表格宽度的设置由百分比转换为像素；　　　 ：将表格宽度的设置由像素转换为百分比； 　　⑥ (背景色)Bg Color：设置表格的背景颜色； 　　⑦边框颜色(Brdr Colo)r：设置表格线的颜色； 　　⑧ Bg Image：设置表格的背景图，如果设置了背景图，背景颜色就失效了；点击后面的公文包按钮选择背景图； 单元格属性 表格排版 注意： 使用表格进行排版，表格嵌套的层数不宜太多，否则会影响用户的浏览速度。 浏览器在下载网页时，先下载整个表格，再下载表格里的内容，因此，在用表格布置页面时，不能将整个网页的内容都放在一个表格中，以免影响网页的下载速度。 表格的“布局”模式 两种视图模式：“标准”视图和“布局”视图 “布局”视图中的表格成为布局表格，单元格称为布局单元格，虽然名称有些变化，但它们的本质还是表格和单元格。在“布局”模式中插入表格的方法将变得更加灵活、更加直观，就象画图一样，你想在什么位置插入表格，就在该位置用鼠标直接拖动，画出表格即可。 绘制布局表格 要绘制多哥布局表格，可以按住Ctrl键不放，连续绘制出多个布局表格，需要注意，表格不能互相重叠，也不能出现在同一行。 绘制布局单元格 不能在布局单元格中绘制布局表格，布局单元格之间也不能重叠，但可以存在于同一行中。 * * 合并单元格（之前要先选择相应的需要合并单元格）；　　　 ???????：拆分单元格，拆分为多行或多列； 　　 水平(Horz)：单元格内部的水平对齐方式，作用与 ????????类似；　　 垂直(Vert)：单元格内部的纵向对齐方式； 　　 宽(W)，高(H)：单元格的宽度与高度； 　　 背景(Bg)：单元格背景图； 　　 背景颜色(Bg)：单元格背景颜色； 　　边框(Brdr)：单元格边框颜色。 标题 (Header ）：选中，会将单元格的文字设置为表格标题 。  不换行：选中，则当在单元格中输入文字时，文字将不会自动换 　　　　　　行，单元格的 宽度将随文字长度而不断增加。 *