Dreamweaver中布局表格属性与操作详解

需积分: 50 11 下载量 140 浏览量 更新于2024-08-14 收藏 1.1MB PPT 举报
"这篇文档介绍了如何在Dreamweaver中设置布局表格属性,包括固定、自动伸展和调整大小,以及如何移动表格。此外,还提到了表格的格式化方法和添加内容到布局表格中的过程。内容主要围绕网页布局,特别是使用表格进行网页构建的技巧。" 在网页设计中,布局表格是一种常用工具,它帮助组织和定位网页内容。在Dreamweaver中,设置布局表格属性可以有效控制网页元素的排列和交互。标题提及的“设置布局表格属性”包括三种主要方式:固定、自动伸展和调整大小。固定大小的表格尺寸不变,而自动伸展的表格会根据内容自动调整其尺寸。调整大小则允许用户手动改变表格的尺寸,但要注意最外层的布局表格通常只能调整大小,不能移动,而嵌套的表格则可以移动。 移动表格的操作简单直观,通过点击表格顶部的标签选中表格,然后用鼠标拖放即可实现位置变化。也可以利用方向键精细调整。此外,表格的格式化可以通过属性检查器或者“命令——格式化表格”的设计方案完成,这样可以快速统一表格样式。 在内容添加方面,创建好的布局表格和布局单元格可以容纳文本、图像以及其他网页元素。在“布局”模式下,用户可以像在“标准”模式中处理普通表格单元格那样,将所需内容添加到布局单元格中,从而实现内容的有序布局。 标签“布局表格”强调了本主题的核心,即使用布局表格进行网页构建。文档中详细介绍了如何在Dreamweaver中创建、选择和格式化表格,以及操作单元格的技巧。例如,创建表格时可以通过“表格”对话框设定行数、列数等参数;选择表格或单元格时,可以通过鼠标点击或快捷键进行;设置表格和单元格属性则可以改变它们的宽度、高度、背景颜色和图像,甚至合并或拆分单元格以适应不同布局需求。 在实际应用中,比如“火百合”主页布局的课堂练习,展示了如何结合表格和图像构建一个网页的布局。此外,制作细线表格的方法也通过设置间距和背景颜色得以说明,这些都是网页设计中常见的技巧。 本篇内容深入浅出地阐述了如何在Dreamweaver中有效地利用布局表格进行网页设计,提供了丰富的操作指南和实践案例,对于初学者和专业设计师来说都是一份宝贵的参考资料。