《网站设计》第4章 表格处理

四意患倍宠同页面 4.1表格的基本操作 4.2使用表格的其他视图 4.3应用实例1 4.4应用实例2 4.5应用实例3

第四章 表格布局页面 4.1 表格的基本操作 4.2 使用表格的其他视图 4.3 应用实例1 4.4 应用实例2 4.5 应用实例3

第一节表格基本操作 响屯要内容: (1)理解单元格,表格,间距,填充,边 框 (2)调整行和列的宽度、高度。 (3)拆分和合并单元格。 (4)嵌套表格 (5)制作细线表格 目录 上一页 下一页 退出

第一节 表格基本操作 主要内容： （1） 理解单元格，表格，间距，填充，边 框。 （2）调整行和列的宽度、高度。 （3）拆分和合并单元格。 （4）嵌套表格 （5）制作细线表格

1)理解单元格,表格,间距,填充,边框。 蛔居中插大一行一列表格,各项如率 表格大小 行数:I 列数 表格宽度:200像素 边框粗细:像素 单元格边距: 单元格间距:0出 页眉 两者 辅助功 对齐标题:默认 目录 上一页 取消 下一页 退出

（1）理解单元格，表格，间距，填充，边框。 居中｜插入一行一列表格，各项值如图：

插入表格: ladreamwever(dreamweaver/index. html*)-Macromedia Dreamweaver MX 文件编辑(E查看(插入(①修改(M文本(I命令(站点(5)窗口(M帮助( 心岛题标题:出如 ③.c 表格 639x1751K/1秒A ladreamwever(dreamweaver/index. html")-Macromedia Dreamweaver MX 文件()编辑(E查看(插入(修改(M)文本(①命令(站点(5)窗口(M帮助() 心‖标题: dreamweaver 嗆.③.C《?》. 单元格 目录 上一页 下一页 oy)(tab1e>(tr><tdN博在标签选择器里点击<td)标签以选择单元格 51K/1秒 退出

插入表格：

插入表格: @dreamwever(dreamweaver/index.html)-Macromedia Dreamweaver MX 国0支0命站点⑤面的助 岛要标题:tr .③.C. 表格 oy在标签选择器里点击 table)签以选择表格 3x175,1K/1秒 ladreamwever(dreamweaver/index. html")-Macromedia Dreamweaver MX 文件)编辑(E查看(插入①修改M文本(①命令(站点(5)窗口(M)帮助) ‖标题:收 c《?》 目录 表格边框 边框和边框之间的 单元格边框 E离就是间距 上一页 下一页 583x175,1K/1秒 退出

插入表格：

插入表格: 子便于观看填充的效果,在属性面板中,頊充输入为30 表格Id行 宽)200像素填充)如工对齐居中对 列c 高⑩ 像索 间距)0边框) 划划背景颜色G 边框颜色③ 到到E背景图像) 个填充:单元格边框和内容之间的距离就是填 ladreamwever(dreamweaver/index. html")-Macromedia Dreamweaver MX 文件编辑G查看()插入(D修改M文本①命令G站点(窗口)帮助 必出圈标题:emer .③.C<>. 边框和内容之间 目录 的距离就是填充 就是填充 上一页 下一页 583x175,1K/1秒 退出

插入表格： 为了便于观看填充的效果，在属性面板中，填充输入为30。 ◇填充：单元格边框和内容之间的距离就是填充

(2)调整行和列的宽度 「园鼠标放在一列的上面,甘现向下的箭头时,单击,就可以选中 列。在属性面板中可以设置所选列的宽和高。 Macromedia Dreamweaver M2004[无标题文档( bgl/index.htm 文件()编辑(E查看(y插入①修改(文本(①命令(站点(s)窗口(M帮 常用 Q回愚国回,,田固·回 index. htm* 回代码回拆分国设计标题:无标题文档 为列设置宽度和高度 目录 Tabled 470x1771K/1秒 上一页 属性 格式②)无 样式无 B 下一页 字体@)默认字 列 水平②)默认宽) 不换行①厂背景①) 退出 口到垂直①默认高0 标题C)厂背景颜色)

（2）调整行和列的宽度 鼠标放在一列的上面，出现向下的箭头时，单击，就可以选中 一列。在属性面板中可以设置所选列的宽和高。 为列设置宽度和高度

(2)调整行和列的宽度 「园鼠标放在一行的左边,甘现横向的箭头时,单击,就可以选中 一行。在属性面板中可以设置所选行的宽和高。 Macromedia Dreamweaver MX2004[无标题文档(b/ index.htm" 文件()编辑E)查看(插入(修改(M文本D命令(站点(5)窗口(w)帮助 常用 愚围回,·因圖·回 index. htm* 日X 回代码回拆分国设计标题:无标题文档 200 为行设置宽度和高度 目录 470x1771K/1秒 属性 上一页 格式)无 样式①)无 B噩 字体①)认字体大小)庑三□ 下一页 水平C)默认宽) 不换行@厂背景) 口到垂直①默认高 标题c)厂背景颜色「 退出

（2）调整行和列的宽度 鼠标放在一行的左边，出现横向的箭头时，单击，就可以选中 一行。在属性面板中可以设置所选行的宽和高。 为行设置宽度和高度

(3)拆分和合并单元格 并单元格:按Ctr,点单元格,选中表格,在属性 面板中点“合并所选单元格,使用跨度”。 日X 代码回拆分国设计标题:标题文档 200w Abody>table> 470x1771K/1秒 属性 目录 格式吧)无 样式)无 BI量量 上一页 字体@)认体大小无 单元格水平g)默认宽 不换行厂背景) 下一页 垂直默认高0标题E)「背景颜色)□ 并所选单元格,使用路度 退出

（3）拆分和合并单元格 合并单元格：按Ctrl，点单元格，选中表格，在属性 面板中点“合并所选单元格，使用跨度”

拆分单元格:在单元格中单击,选中单元格。点击属性面板中 法显示该图 的“拆分单元格为行或列”,设置拆分方式。 回代码回拆分回设计标题:无标题文档 t td> v属性 目录 )无样式无 B重童 字体@)默认字体习大小)庑 目兰 上一页 水平)默认 不换行@厂背景①) 琳垂直①默认高0 标题)厂背最颜色 下一页 分单元格为行或列 退出

拆分单元格：在单元格中单击，选中单元格。点击属性面板中 的“拆分单元格为行或列”，设置拆分方式