DW网页布局:绘制布局单元格与表格操作详解

需积分: 50 11 下载量 64 浏览量 更新于2024-08-14 收藏 1.1MB PPT 举报
"本资源主要讲述如何在DW中进行网页布局,特别是利用表格和布局表格。内容涵盖了创建、选择、设置属性以及合并拆分单元格等操作。" 在网页设计中,布局是至关重要的,而Dreamweaver(DW)提供了一种强大的工具——布局表格,帮助设计师精确控制网页元素的位置。在【标题】"绘制布局单元格-DW网页布局(表格、布局表格)"中,我们关注的是如何使用DW中的布局单元格来构建网页布局。【描述】中强调了一些关键点: 1. 连续绘制布局单元格:通过按住Ctrl键拖动,可以在页面上快速创建多个布局单元格。 2. 布局限制:如果页面已有内容,新绘制的布局表格只能在内容下方的空白区域,且不能存在于布局表格之外或在其内部创建新的布局表格。 3. 自动创建布局表格:当绘制的单元格不在任何布局表格中,DW会自动创建一个布局表格作为单元格的容器,表格与页边距保持8个像素的距离。 4. 表格嵌套规则:表格可以相互嵌套,但不能重叠,且嵌套表格的大小不能超过包含它的表格。 【部分内容】进一步详细阐述了表格的相关知识: - **创建表格**:通过“常用”插入栏的“表格”按钮,设置行数、列数等参数即可创建。 - **选择表格和单元格**:直接点击表格边框选择表格,选择单元格则需将插入点置于单元格内并使用快捷键或标签选择器。 - **设置属性**:通过属性面板,可以调整表格的行、列、宽、高,以及填充、间距等;单元格的宽高也可直接通过拖动或输入值改变。 - **背景设置**:可以为表格和单元格设置背景颜色和图像,提升视觉效果。 - **合并与拆分单元格**:合并单元格可以将相邻单元格合为一个,而拆分单元格则将一个单元格分为多个。 此外,资源还提到了课堂练习,如使用表格构建网页布局和制作细线表格,这些实践操作能加深对表格特性和技巧的理解。 本资源提供了全面的指导,涵盖了创建、操作和美化表格的基本步骤,是初学者掌握DW网页布局的宝贵教程。通过学习这些知识点,设计师能够更有效地组织和展示网页内容,实现专业且美观的网页设计。