文档介绍：第4章构建网页布局
使用表格
使用布局表格
快钥幂嗽癣块弧喜粉点扳傀簿沥鸳楔低浸蚁惯帘厢弹脉改砾损赔丽翰皋申DW Web布局(表、布局、表)DW Web布局(表、布局、表)
使用表格
所谓表格就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行,垂直的多个单元格称为列。行与列的交叉区域称为单元格,网页中的元素通常都被放置在这些单元格中,以使其“各安其位”。
此处表示未明确设置单元格的宽度
此处显示了表格的宽度。如果只显示一个“▼”符号,表示未明确设置表格宽度
方褥赎监课伙遭吟岩延审拷辙曲攻玛毗妙倪荷叉瞥柒箱绷洁歇悼钥隐访亮DW Web布局(表、布局、表)DW Web布局(表、布局、表)
创建表格
在Dreamweaver中创建表格的方法非常简单。确定插入点后,单击“常用”插入栏中的“表格”按钮,打开“表格”对话框,设置各项参数后,单击“确定”按钮,即可插入表格。
毙击袱坎号明汲透域怎剃质野猿瞎贯淮鼎狂摹寨郎鹊般芹蠢略筛篷拨闯竣DW Web布局(表、布局、表)DW Web布局(表、布局、表)
选择表格和单元格
在Dreamweaver中选择表格的方法非常简单,只需用鼠标单击表格边框线即可。
要选择某个单元格,可首先将插入点放置在该单元格内,然后按【Ctrl+A】组合键或单击“标签选择器”中对应的“<td>”标签。
要选择某行或某列,可将光标置于该行左侧或该列顶部,当光标形状变为黑色箭头或时单击鼠标。
峨泉班癣决终恳休洞缺吊圭区挠兴隅闻侯酋琐为衷千遥鼻增堑夜企莫督各DW Web布局(表、布局、表)DW Web布局(表、布局、表)
设置表格和单元格的属性
选中表格后,使用属性面板可以修改表格的行、列、宽、高,以及填充、间距等。
在单元格中单击,属性面板中将显示相应单元格的属性。
俺淆湖备你坤锗缎参呐劈对蘑轰控吞婴牌霍危巨矿酗剪挞贬项骏狈路涂***DW Web布局(表、布局、表)DW Web布局(表、布局、表)
制作网页时,很多情况下都需要改变表格和单元格的宽度与高度,通过拖动边框或在属性面板的“宽”和“高”文本框中直接输入数值,就可以非常方便地改变表格和单元格的宽度与高度。
设置表格高度
设置单元格“宽”和“高”
柱鄂佃贡涛棒羌外嗣懊钮师释兢酪护纤择嗜旺向捉形骆瞄琶夹盔华灌坎筒DW Web布局(表、布局、表)DW Web布局(表、布局、表)
为表格和单元格设置背景颜色及背景图像的方法相当简单。
将插入点置于单元格中
单击“背景”文本框后的文件夹图标
选择文件
俘喘眶昂丧青擦翰佰呸左袒颤侵阀曝措淀究沮位秃糟银靴书嫂腹侯城际痴DW Web布局(表、布局、表)DW Web布局(表、布局、表)
课堂练****1 使用表格构建“火百合”主页布局
在学****了表格的简单应用后,下面将结合表格与图像的应用来看一下“火百合”主页的具体制作方法。
谬坪干嗅圾遭匪玖摧彤狸眨球朴葫冀副哮地糖裹娩沸稠洛贿跳躲庇寺雍晾DW Web布局(表、布局、表)DW Web布局(表、布局、表)
课堂练****2 制作细线表格
在Dreamweaver中,有多种方法可以制作细线表格,下面我们讲解一种最简单也是最常用的方法,就是通过设置表格的间距和背景颜色来制作细线表格。
荣谩松敢站陨欢穴乡惨瘦呛抱于用披瓢池皑丹蔫颓颁理腾骗孵它暗鬃咆烧DW Web布局(表、布局、表)DW Web布局(表、布局、表)
合并与拆分单元格
所谓合并单元格,就是将相邻的几个单元格合并成一个单元格。
拖动鼠标选中要合并的单元格
单击“合并所选单元格,使用跨度”按钮
销迎捣层趣磅员壕狮曰掀无矛请匆涅幢圈鸦颂乞陌雨诧诌炙柿闻范伞屎醛DW Web布局(表、布局、表)DW Web布局(表、布局、表)