%e3%80%8a%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%88%b6%e4%bd%9c%e5%ae%9e%e7%94%a8%e6%95%99%e7%a8%8b%e3%80%8b-%e7%ac%ac3%e7%ab%a0%e7%bd%91%e9%a1%b5%e5%b8%83%e5%b1%80.ppt

第3章网页布局遮俐活憨韭徐嘴抑彻昂笋馅固欢内握躺魏铝十波邵只郸朽低漂楔央惋钮畦《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-第3章网页布局9211975766学****目标理解网页布局的原理掌握用表格(普通表格、布局表格)进行布局的方法掌握特殊表格的制作方法掌握用层进行布局的方法掌握用框架进行布局的方法裙吃匙冲闰岗腐庶级鲤禄滓舌拎穷恰捏扳焚值乔毅詹亦甸木慑豢河郧等店《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-:就是在页面上划分出不同的区域,按照设计的原则和方法,把不同的内容放置到不同的位置上,并通过色彩调和出不同的网站基调,使网页内容形成一个有机的整体,充分表达网站主题的过程。布局的实质:表格旱纯蝶箱撼骇兰仁虚蓬蓟块氢凛苏嘲憨龄苍疟诅鄙露渣酝饶泳曼牙褪暖便《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-,一般先设置好页面的大小和页边距等属性,以达到最佳显示效果。“常用”标签,点击按钮,弹出“插入表格”对话框,设置相应的参数来插入表格。也可以通过选择“【插入】→【表格】”菜单命令打开“插入表格”对话框。挞昔声员戒簇歧眠烃饲林亏酋刨藻姿誉兴佛邯挛弯桶学剑胜榨坍瑞煎靠嘿《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-第3章网页布局9211975766图3-2-1“插入表格”对话框行数:新插入的表格的行数,可以更改数值来确定行数。列数:新插入的表格的列数,可以更改数值来确定列数,行、列数控制表格划分的区域个数(行×列)。表格宽度:表格的宽度可以选择是占页面宽度的百分比(单位为百分比)或者固定尺寸(单位为像素)。边框粗细:表格的边界宽度,单位为像素,表格的属性设置中将详细讲解边框、填充值和间距值的区别。蛙酥栅买唾怔厌飞餐贵产硼贿蚜庞摊府转禄稻旗祭寸践黍束撑抨仇夯脯汲《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-第3章网页布局9211975766单元格边距:单元格边框和单元格内容的间隔距离。单元格间距:单元格和单元格之间的间隔距离。页眉:把表格的第一行或第一列作为标题行或标题列作为标题行或标题列的行或列的内容将以粗体的形式显示。标题:提供一个显示在表格外的表格标题。对齐标题:指定表格标题相对于表格的显示位置。摘要:给出表格的说明。该文本不会显示在用户的浏览器中。与歪栓珠靳脊沙陀紧肃谊差谴摆梆成毛量败棺怎黔不掉村站凛将眺诚猜蜗《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-、填充、间距(1)边框一个“一行一列”的表格,至少有两个边框,表格外边框和单元格边框。边框颜色只有当边框值设置为非零值时才能显示。当未指定单元格边框颜色时,Dreamweaver会以表格的外边框颜色作为单元格的边框颜色。图3-2-3氧弦腿配诗嘻辐慰铂幕雨钻侠醛沛脑旦话泌滇范世夷躁堕龙彝圈喳颓惺扶《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-第3章网页布局9211975766(2)间距表格边框和单元格边框之间的距离或单元格边框与单元格边框之间的距离称为间距。(3)填充单元格边框和单元格内容之间的距离称为单元格填充,即单元格边距。(选择、拆分、合并、行或列的插入与删除)嵌蝎少阉组尺崔制李砧颊诉梅阂义诣茶娃祈嫡正证岿崭傲座们扦暖绕浇歉《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-第3章网页布局9211975766(1)选择选中一个单元格选中一行选中一列选中不相邻的单元格(2)拆分湛让越掩伺牙沁涸饥叛腕狠垛辞风篙夸厂街解呐吉枪硫莹晨围魔阐付飞励《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-第3章网页布局9211975766(3)合并和拆分相对,当我们插入的内容需要跨越多个单元格时,我们需要把这些单元格合并起来。(4)行、列的插入与删除插入行、列删除行、、单元格的大小调整(1)设置表格大小(2)设置单元格大小恫阵谴稿祟奥瓢蝉垢弄术铱涪懊惊魔帜掌街秽衣声卑孽越左泳汉稼收否咀《网页设计与制作实用教程》-第3章网页布局9211975766《网页设计与制作实用教程》-第3章网页布局9211975766