DW网页布局 (表格、布局表格).ppt

绘制布局单元格：按住ctrl键拖动可以连续绘制多个布局单元格。注意要点：如果页面已包含内容，则只能在现有内容的下方空白区绘制新的布局表格。在一个布局表格中可创建多个布局单元格;布局单元格不能存在于布局表格之外;更不能在一个布局单元格中创建布局表格。也可以仅在准备添加内容时绘制每一个单元格。当绘制的布局单元格不在布局表格中，则自动创建一个布局表格作为该单元格的容器，这时表格与页边距相差8个像素。表格不能互相重叠，可以嵌套。一个表格可以完全包含在另一个表格当中。将插入点放置到一个布局表格中，即可绘制嵌套布局表格。嵌套布局表格的大小不能超过包含它的表格。布局表格不能添加在布局单元格中布局单元格只能添加在布局表格中不能在原有内容的右侧，添加布局表格了布局表格不能互相重叠，只能嵌套可以在原有布局表格的下方添加布局表格布局表格不能添加在布局单元格中布局单元格只能添加在布局表格中不能在原有内容的右侧，添加布局表格了布局表格不能互相重叠，只能嵌套绘制完布局表格后的代码：tablewidth=250border=0cellpadding=0cellspacing=0!--DWLayoutTable--trtdwidth=250height=197/td/tr/tabletablewidth=70border=0cellpadding=0cellspacing=0!--DWLayoutTable--trtdwidth=70height=146/td/tr/table布局表格和布局单元格本质上还是表格和单元格，只是在添加布局表格和布局单元格时dw自动添加了其它空白单元格。设置布局表格和布局单元格的属性和参数1.布局表格可以设置尺寸、背景、自动伸展等属性。2.设置布局单元格属性在布局模式中，只有在布局单元格内部插入页面内容。（1）设置布局单元格的位置（移动：单击该单元格的边缘用鼠标拖放；设置背景、对齐方式；清除单元格高度：选择属性检查器中的“清除行高”）。（2）设置布局单元格内容的格式（调整大小：属性面板或直接拖放（3）为布局单元格添加间隔图像（需设置列自动伸展）DW网页布局(表格、布局表格)第4章使用表格4.1使用表格所谓表格就是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行，垂直的多个单元格称为列。行与列的交叉区域称为单元格，网页中的元素通常都被放置在这些单元格中，以使其“各安其位”。此处表示未明确设置单元格的宽度此处显示了表格的宽度。如果只显示一个“▼”符号，表示未明确设置表格宽度4.1.1创建表格在Dreamweaver中创建表格的方法非常简单。确定插入点后，单击“常用”插入栏中的“表格”按钮，打开“表格”对话框，设置各项参数后，单击“确定”按钮，即可插入表格。4.1.2选择表格和单元格在Dreamweaver中选择表格的方法非常简单，只需用鼠标单击表格边框线即可。要选择某个单元格，可首先将插入点放置在该单元格内，然后按【Ctrl＋A】组合键或单击“标签选择器”中对应的“td”标签。要选择某行或某列，可将光标置于该行左侧或该列顶部，当光标形状变为黑色箭头或时单击鼠标。4.1.3设置表格和单元格的属性选中表格后，使用属性面板可以修改表格的行、列、宽、高，以及填充、间距等。在单元格中单击，属性面板中将显示相应单元格的属性。1．设置表格和单元格的宽度与高度制作网页时，很多情况下都需要改变表格和单元格的宽度与高度，通过拖动边框或在属性面板的“宽”和“高”文本框中直接输入数值，就可以非常方便地改变表格和单元格的宽度与高度。设置表格高度设置单元格“宽”和“高”2．为表格和单元格设置背景颜色及背景图像为表格和单元格设置背景颜色及背景图像的方法相当简单。将插入点置于单元格中单击“背景”文本框后的文件夹图标选择文件课堂练习1使用表格构建“火百合”主页布局在学习了表格的简单应用后，下面将结合表格与图像的应用来看一下“火百合”主页的具体制作方法。课堂练习2制作细线表格在Dreamweaver中，有多种方法可以制作细线表格，下面我们讲解一种最简单也是最常用的方法，就是通过设置表格的间距和背景颜色来制作细线表格。4.1.4合并与拆分单元格1．合并单元格所谓合并单元格，就是将相邻的几个单元格合并成一个单元格。拖动鼠标选中要合并的单元格单击“合并所选单元格，使用跨度”按钮2．拆分单元格