文档介绍:第四章网页表格的处理
表格是控制网页页面布局最有力的工具。使用表格可以对列表数据进行布局,布局网页文本、图像、媒体等。
通过本章学****应该掌握以下内容:
利用HTML创建和编辑网页表格
利用Dreamweaver MX处理表格
利用Dreamweaver MX处理网页表格
利用HTML创建和编辑网页表格
表格学****目标
理解网页布局的原理
掌握用表格(普通表格、布局表格)进行布局的方法
布局的实质
布局: 就是在页面上划分出不同的区域,按照设计的原则和方法,把不同的内容放置到不同的位置上,并通过色彩调和出不同的网站基调,使网页内容形成一个有机的整体,充分表达网站主题的过程。
布局的实质:表格
表格运用的好坏直接反映了网页设计者的水平
利用Dreamweaver MX处理网页表格
创建表格
1. 表格
表格是用于在网页上显示和格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成;每行又由一个或多个单元格组成。
表格由三个基本部件组成:行、列、单元格。具有宽度、高度、间距、边框等属性。
表格各参数值如下:
行:2。
列:3。
单元格数目:6。
宽度:400。
高度:200。
间距:10。
边框:5。
创建表格
插入表格
利用Dreamweaver MX创建新表格时,首先打开插入“常用”面板,然后可以通过下列四种方式中的任意一种:
(1)在插入“常用”面板上,单击插入表格按钮。
(2)通过主窗口的菜单“插入”|“表格”命令。
(3)使用快捷组合键“Ctrl+Alt+T”。
(4)在插入“常用”面板上,拖动表格按钮到主窗口的工作区中。
创建表格
行数:新插入的表格的行数,可以更改数值来确定行数。
列数:新插入的表格的列数,可以更改数值来确定列数,行、列数控制表格划分的区域个数(行×列)。
表格宽度:表格的宽度可以选择是占页面宽度的百分比(单位为百分比)或者固定尺寸(单位为像素)。
边框粗细:表格的边界宽度,单位为像素,表格的属性设置中将详细讲解边框、填充值和间距值的区别。
单元格填充:指定单元格的大小,以像素为单位。
单元格间距:指定单元格之间的距离,以像素为单位。
“插入表格”对话框
表格的属性设置
表格插入后可以通过表格的属性面板,对属性进行修改。
导入表格数据文件
在插入外部数据前,(文本文件)格式,并且该文件中的数据要带有分隔符。
要加入外部数据,选择如下的任何一种操作:
(1)选择“文件”|“导入”|“表格式数据”命令。
(2)选择“插入”|“表格对象”|“导入表格式数据”命令。
(3)单击插入“常用”面板上的“表格数据”按钮。