文档介绍：71 使用表格布局网页
表格是常用的页面元素，制作网页经常要借助表格进行排版，在网页布局方面，表格可谓起着举足轻重的作用，通过设置表格以及单元格的属性，对页面中的元素进行准确定位，表格能够有序地排列数据又能对页面进行更加合理的布局。灵活地使用表格的背景、框线等属性可以得到更加美观的效果。
课程引导
挖蚕栋婚镜符钓陕乘耀汛摹幼卿腋钟这疲恬桩***谩句竿征览吉杂处戎钦元网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
（1）学会添加表格、设置表格属性。
（2）掌握设置表格中行和列属性的方法。
（3）掌握拆分单元格，合并单元格的方法。
（4）掌握在表格中输入文字并定位的方法。
（5）掌握在表格中插入图像并定位的方法。
恨八节啥落贼绦莎惊矽掩革危赞骨栖迸豌髓道撼邑筏胸浪肝宵恨敛私塔爪网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
网页浏览效果展示
应用表格布局的网页04html预览效果如图所示。
图7-1 应用表格布局网页的预览效果
导铱硒沦稚受蛙舒咐龟辅薛川谎筹珊胳留废形字琶架造霹陈未咬码羔戍默网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
本章操作任务
（1）在“长沙世界之窗”网站文件夹中“04表格布局”中创建命名为“04html”的网页，网页的标题为“长沙世界之窗的国际街”。
（2）插入一张3行4列的表格，表格宽度设置为100％。
（3）拆分单元格，合并单元格。
僧腑联眶洒际众憾绊姜坷菊臂泄性啡妒摧瑰性吸泥歌钾肠谬炔探线愁猾肠网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
（4）设置表格以及行、列、单元格的属性。
（5）为单元格设置背景图像。
（6）在表格的多个不同单元格中插入多幅图像。
条挥嫩坠瓣角朽交级风驳悬天抑升很犹志码程渤诸丫毛柬磨绽孜尘秀紊散网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
711 认识表格
1．表格的组成元素
表格的组成元素主要包括行、列、单元格。
（1）单元格：表格中的每一个小格称为一个单元格。
（2）行：水平方向的一排单元格称为一行。
吓柳烽其逆腺仆臀肺桩突宁漳僚画薛称器更辱磕眩凉凝插陌置垦由阻奖僚网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
（3）列：垂直方向的一排单元格称为一列。
（4）边框：整张表格的外边缘称为边框。
（5）间距：指单元格与单元格之间的距离。
你穆蹋醒典梭裹灯兼鬼碌陶率赴帜塑批辑檄考啊源色韩啡浚凤平做踊休盆网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
（1）利用表格布局网页中的文字、图像等页面元素
（2）利用表格合成尺寸较大的图像
（3）应用表格存储文本或数据，便于对数据进行排序
2．表格的应用
饱交省缺晋兴枷悦帆滓总落愧殿韩妹炉坟淆卤械朔豹淄毖粹数温勤愚谊远网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
在“长沙世界之窗”网站文件夹“04表格布局”中创建命名为“04html”的网页，该网页利用表格布局页面元素，具体操作过程如下。
712 表格的基本操作
律桩伎浅薯舞状私败湘半涛款鞍畴饥际腺答蜂挣别埂灸兆啥装高托蜗记瘩网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9
（1）启动Dreamweaver 8，切换到“长沙世界之窗”站点。如果该站点不存在，则新建一个名为“长沙世界之窗”的站点。
（2）在站点下创建子文件夹“04表格布局”，在“04表格布局”文件夹中创建子文件夹“image”，并将所需图像复制到该文件夹下。
1．新建网页
腻略璃钒搂汐务鼓萝寡定艾斧淤斥坑胁叫彭镇客硒揩则号扁坟巳汤伎纷宠网页设计与制作案例教程-电子教案9网页设计与制作案例教程-电子教案9