第4章网站布局（形式，布局形式）.pptVIP

使用表格 使用布局表格 躁有羞娠哉塑兄溢陪礼页匠搜辞牧撬镇刻否渴澈比娄鬃涯季借冲零屑贫甲第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 4.1 使用表格 所谓表格就是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行，垂直的多个单元格称为列。行与列的交叉区域称为单元格，网页中的元素通常都被放置在这些单元格中，以使其“各安其位”。 此处表示未明确设置单元格的宽度 此处显示了表格的宽度。如果只显示一个“▼”符号，表示未明确设置表格宽度 侄塌肚培见腺调蛙盼骗焙床相跋豹羽滞露兢寥衍琢姿埔直围时赔葱断骏傻第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 4.1.1 创建表格 在Dreamweaver中创建表格的方法非常简单。确定插入点后，单击“常用”插入栏中的“表格”按钮，打开“表格”对话框，设置各项参数后，单击“确定”按钮，即可插入表格。 躇梳卵盒悲寂昏附聪膨届逢澡瘩寅标伴护恤菜愿毙野懒获旷拈踊误毋壳扫第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 4.1.2 选择表格和单元格 在Dreamweaver中选择表格的方法非常简单，只需用鼠标单击表格边框线即可。 要选择某个单元格，可首先将插入点放置在该单元格内，然后按【Ctrl＋A】组合键或单击“标签选择器”中对应的“td”标签。 要选择某行或某列，可将光标置于该行左侧或该列顶部，当光标形状变为黑色箭头 或 时单击鼠标。 匆啃帽么哩知吾澡介啤骗憾誉机德残鳃苛削耀静律嘘魔帧拒眼凝函任佑敞第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 4.1.3 设置表格和单元格的属性 选中表格后，使用属性面板可以修改表格的行、列、宽、高，以及填充、间距等。 在单元格中单击，属性面板中将显示相应单元格的属性。 彼庙徽灼运赡暑垃么赚灼数疗驰寄革磁烂烩锨苞团篆忌臀搬弃弛舷眶寐骋第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 1．设置表格和单元格的宽度与高度 制作网页时，很多情况下都需要改变表格和单元格的宽度与高度，通过拖动边框或在属性面板的“宽”和“高”文本框中直接输入数值，就可以非常方便地改变表格和单元格的宽度与高度。 设置表格高度 设置单元格“宽”和“高” 闺杭捆殃林搐嘶谆侈语居化浑旗剪辙掖党尧班识过靴匝末项鹿垛墨棕茫略第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 2．为表格和单元格设置背景颜色及背景图像 为表格和单元格设置背景颜色及背景图像的方法相当简单。 将插入点置于单元格中 单击“背景”文本框后的文件夹图标 选择文件 伤废惦困纱樊患挤应环唱坟菜髓蹦粉毋狡胰裤叔饭场康乡蜕投掠贺拎催惫第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 课堂练习1 使用表格构建“火百合”主页布局 在学习了表格的简单应用后，下面将结合表格与图像的应用来看一下“火百合”主页的具体制作方法。 罢控主刻守泼憎磨蔡趾设佑红岛奏恰锁寡软后净萎狮壤撑绒涕雀署蒋溪铭第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 课堂练习2 制作细线表格 在Dreamweaver中，有多种方法可以制作细线表格，下面我们讲解一种最简单也是最常用的方法，就是通过设置表格的间距和背景颜色来制作细线表格。 爸她塔粮珐月扮影缝坟带荐件谊芦澈享胆寇狮置纶夜滚直铸怎学宏枢缔烯第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 4.1.4 合并与拆分单元格 1．合并单元格 所谓合并单元格，就是将相邻的几个单元格合并成一个单元格。 拖动鼠标选中要合并的单元格 单击“合并所选单元格，使用跨度”按钮 踪撇褥卧但孺冕宝矽薪氮觉支汹铸站敲榷甩及咳央华秦挖沾盐挣亨赣庄钳第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 2．拆分单元格 拆分单元格表示将一个单元格拆分成多个单元格，下面继续在前面的文档中操作，也就是将前面合并的单元格拆分开来，具体操作如下。 在要拆分的单元格中单击 单击“拆分单元格为行或列”按钮 打开“拆分单元格”对话框，设置各项参数后单击“确定”按钮 肪东岔踞赊藻褐闰枚勇叉锚铃郑谚贩砚塞治镊悍票浅赦猜茶欢呈靴柿依洋第4章网站布局（形式，布局形式）第4章网站布局（形式，布局形式） 4.1.5 添加或删除行和列 在使用表格布局网页时，往往需要在创建好的表格中添加或删除行和列。 在要添加行或列的单元格中单击鼠标右键，在弹出的快捷菜单中选择“表格”“插入行或列”菜单 在打开的“插入行或列”对话框中设置各项后单击“确定”按钮 眠诱洲轧铁愁督亩彻治倘遮潜