【精品】PPT课件 第3章利用表格设计和制作网页.ppt

文档介绍：第 3 章利用表格设计和制作网页
表格网页实例
利用Dreamweaver MX编辑网页表格
利用HTML编辑网页表格
表格的应用技巧
在网页的设计制作中,表格(Table)是一个重要的网页元素,主要用来在页面上布局数据和图像,使页面中的信息布局合理、简洁。另外,在网页设计制作中,表格还有一个重要作用,就是对网页进行排版。
表格网页实例
表格化的页面在不同平台、不同分辨率的浏览器里都能显示出原有的布局和对齐。图4-1所示的是“天使部落”网页利用表格进行布局的页面效果。
图4-1 “天使部落”主页
利用Dreamweaver MX编辑网页表格
创建表格
表格主要由以下3个基本元素组成。
行(Row):表格在水平方向上的组成元素。
列(Column):表格在竖直方向上的组成元素。
单元格(Cell):表格中的最小的独立存放数据的区域。
另外,还有以下几个概念需要掌握。
边框(Border):单元格四周的界线标志。
表格间距(Cellspace):定义内部表格线的宽度。
表格间隙(Cellpad):相邻的单元格之间的间隙。
在Dreamweaver MX中,创建表格有以下4种方式。
执行主菜单中的“插入”→“表格”命令。
按组合键Ctrl+Alt+T。
单击插入面板上“常用”选项卡中的“插入表格”按钮。
单击插入面板上“表格”选项卡中的“插入表格”按钮。
使用上述4种方式中任意一种方法都将打开如图3-2所示的“插入表格”对话框。
图3-2 “插入表格”对话框
对话框中各选项含义如下。
行数:初次指定表格的总行数。
列数:初次指定表格的总列数。
单元格填充:指定单元格的大小,以像素为单位。
单元格间距:指定单元格之间的距离,以像素为单位。