文档介绍：该【网页设计与制作案例教程-电子教案9 】是由【zhangkuan1436】上传分享，文档一共【58】页，该文档可以免费在线阅读，需要了解更多关于【网页设计与制作案例教程-电子教案9 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。
表格是常常用的页页面元素素,制作作网页经经常要借借助表格格进行排排版,在在网页布布局方面面,表格格可谓起起着举足足轻重的的作用,,通过设设置表格格以及单单元格的的属性,,对页面面中的元元素进行行准确定定位,表表格能够够有序地地排列数数据又能能对页面面进行更更加合理理的布局局。灵活活地使用用表格的的背景、、框线等等属性可可以得到到更加美美观的效效果。
课程引导
(1)学会添添加表格、设设置表格属性性。
(2)掌握设设置表格中行行和列属性的的方法。
(3)掌握拆拆分单元格,,合并单元格格的方法。
(4)掌握在在表格中输入入文字并定位位的方法。
(5)掌握在在表格中插入入图像并定位位的方法。
网页浏览效果果展示
。
图7-1应应用表格布布局网页的预预览效果
本章操作任务务
(1)在“长长沙世界之窗窗”网站文件件夹中“04表格布局””中创建命名名为“””的网页,网网页的标题为为“长沙世界界之窗的国际际街”。
(2)插入入一张3行行4列的表表格,表格格宽度设置置为100%。
(3)拆分分单元格,,合并单元元格。
(4)设置置表格以及及行、列、、单元格的的属性。
(5)为单单元格设置置背景图像像。
(6)在表表格的多个个不同单元元格中插入入多幅图像像。
认识表表格
表格的组成成元素主要要包括行、、列、单元元格。
(1)单元元格:表格格中的每一一个小格称称为一个单单元格。
(2)行::水平方向向的一排单单元格称为为一行。
(3)列::垂直方向向的一排单单元格称为为一列。
(4)边框框:整张表表格的外边边缘称为边边框。
(5)间距距:指单元元格与单元元格之间的的距离。
(1)利用用表格布局局网页中的的文字、图图像等页面面元素
(2)利用用表格合成成尺寸较大大的图像
(3))应应用用表表格格存存储储文文本本或或数数据据,,便便于于对对数数据据进进行行排排序序
2..表表格格的的应应用用
在““长长沙沙世世界界之之窗窗””网网站站文文件件夹夹““04表表格格布布局局””中中创创建建命命名名为为““””的的网网页页,,该该网网页页利利用用表表格格布布局局页页面面元元素素,,具具体体操操作作过过程程如如下下。。
(1))启动动Dreamweaver8,,切换换到““长沙沙世界界之窗窗”站站点。。如果果该站站点不不存在在,则则新建建一个个名为为“长长沙世世界之之窗””的站站点。。
(2))在站站点下下创建建子文文件夹夹“04表表格布布局””,在在“04表表格布布局””文件件夹中中创建建子文文件夹夹“image”,,并将将所需需图像像复制制到该该文件件夹下下。