网页设计与制作项目实训教程 教学课件 作者 严加琼 曾金发项目8.ppt

《网页设计与制作项目实训教程 教学课件 作者 严加琼 曾金发项目8.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目8使用表格布局网页项目描述知识储备实践向导能力拓展退出项目小结项目描述表格是一种特殊的元素，不但可以用来设置各种数据，还可以作为页面布局元素来使用。在作为页面布局元素使用时，表格可以有助于用户有条理地组织网页中的各种对象。本项目运用表格知识制作“庐山风景欣赏”网页，其效果如图。项目描述图8-1“庐山风景欣赏”页面效果图返回8.2知识储备8.2.1认识表格8.2.2表格的基本操作8.2.3设置表格及单元格的属性8.2.4调整表格的结构8.2.5填加表格数据8.2.6导入外部表格数据文件8.2.7嵌套表格8.2知识储备8.2.1

2、认识表格1.表格的组成元素一张表格横向叫行，纵向叫列，行列交叉部分就叫单元格，如图8-2所示。单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。整张表格的边缘叫边框。图8-2表格的基本组成部分8.2知识储备8.2.2表格的基本操作1.插入表插入表格的具体操作步骤：①将光标置于要插入表格的位置。②单击菜单“插入”→“表格”命令,弹出“表格”对话框。如图8-3所示。图8-3表格对话框8.2知识储备③设置表格大小为“5行3列”、“表格宽度”为100%，“边框粗细”为“3”像素，然后单击“确定”按钮。此时，在Drea

3、mweaverCS5中显示了5行3列的表格，如图8-4所示。④在插入表格之后，就可以像在Word中一样输入表格内容了。图8-4插入表格8.2知识储备2.选择表格和表格元素表格元素包括行、列和单元格三种，他们的选取方法各不相同。(1)选择表格要选择表格，可执行以下任意一种操作：①将鼠标指针移到表格的左上角或表格的顶、底边缘边框上，当指针形状变成形状时单击。②在表格中的任意单元格内单击，然后单击文档窗口左下角标签选择器中的

4、标，从弹出的快捷菜单中选择“表格”→“选择表格”命令。8.2知识储备表格被选定后，表格的下边缘和右边缘会出现尺寸控点，如图8-5所示。图8-5表格的选定状态8.2知识储备(2)选择表格元素可以分别选择表格中的行、列、单元格，一次可以选择一行、一列、一个单元格，也可以同时选择多行、多列或多个单元格。①选择行：将指针指向行的左边缘，当指针形状变为选择箭头（右指的箭头）时单击，可选择当前行；上下拖动指针可选择多行。②选择列：将指针指向行的上边缘，当指针形状变为选择箭头（下指的箭头）时单击，可选择当前列；左右拖动指针可选择多列。8.2知

5、识储备③选择单元格：在所需单元格中单击，然后单击文档窗口左下角标签选择器中的