表格高级应用,表格高级应用长安大学

表格 2
计算机基础教学委员会 主要内容 •表格嵌套•表格格式化•表格导入导出•表格排序•表格布局 表格嵌套 •可以在表格的单元格中插入新的表格,新插入的表格就称为嵌套表格。
•将鼠标光标定位至要插入嵌套表格的单元格中,选择“插入”→“表格”命令,弹出“表格”对话框,设置要插入表格的属性即可。
•嵌套表格的数量不宜过多,因为过多的嵌套表格会降低网页的打开速度,一般最多使用3-4层的嵌套。
表格格式化 在创建表格并在表格中输入数据后,往往需要对表格的外观进行一些设置以取得美观的效果,Dreamweaver中带有多种已经定义好的表格样式,使用这些样式可以大大的简化表格的格式化工作,只需挑选出需要的样式套用到表格上就可以了。
套用表格样式的方法如下:将鼠标光标置于要套用样式的表格的任意一个单元格中,选择“命令”→“格式化表格”命令,弹出“格式化表格”对话框,在对话框中选择所需的样式或者自定义样式即可。
表格格式化 表格格式化 表格格式化 “格式化表格”对话框中的各项属性的功能如下:
1、左上角的列表框中是Dreamweaver8自带的表格样式。

2、行颜色:设置整行的颜色。

3、第一种:设置表格中的行使用的第一种颜色。

4、第二种:设置表格中的行使用的第二种颜色。

5、交错:设置两种颜色在表格中的显示方式。
包括“不要交错”、“每一行”、 “每两行”、“每三行”和“每四行”5种方式。

6、第一行:设置第一行的属性。

7、对齐:设置第一行中内容的对齐方式。

8、文字样式:设置第一行中的文本的显示样式。
包括“常规”、“粗体”、 “斜体”和“加粗斜体”4种显示方式。

9、背景色:设置第一行的背景色。
10、文本颜色:设置第一行的文本颜色。
11、最左列:设置最左列的属性。
12、对齐:设置最左列中内容的对齐方式。
13、文字样式:设置最左列单元格中文本的显示样式。
14、边框:设置表格的边框宽度。
表格导入导出 表格排序 表格的一个主要用途就是将数据有序的组织起来并显示。
在Dreamweaver中,可以方便的按列对表格进行简单的排序。
将鼠标光标定位至任意单元格中,选择“命令”→“排序表格”命令, 弹出“排序表格”对话框。
表格排序
1、排序按:设置排序的依据。

2、顺序:设置排序的方式,可以选择“按字母排序”或者“按数 字排序”的方式,然后在右边的下拉列表框中可以设置升序排列或者降序排列。

3、再按:选择一列作为第二排序的依据。

4、顺序:设置第二排序的方式和排序顺序。

5、排序包含第一行:选中此复选框,在排序时将同时将第一行也进行排序。
当第一行是标题的时候则不要选择此复选框。

6、排序标题行:排序时包括标题行。

7、排序脚注行:排序时包括脚注行。

8、完成排序后所有行颜色保持不变:排序之后,行的原有属性保持不变。
表格布局 •布局视图•绘制布局表格•绘制布局单元格•布局表格嵌套•布局表格属性•使用间隔图 布局视图 •网页布局是网页制作中的一项重要工作,是网页制作的基础,就如同建造房子前要先规划好图纸一样,网页布局就是网页的图纸。
•Dreamweaver中为表格添加了布局视图,在该视图下可以方便地使用表格进行网页布局。
•通常情况下,打开Dreamweaver后会默认采用标准视图,在布局时需要先切换到布局视图,有以下两种方法:
1、选择“查看”→“表格模式”→“布局模式”命令,或者按下Ctrl+F6组合键,即可切换到布局模式。

2、将插入栏切换到“布局”插入栏,单击“布局”按钮,即可切换到“布局”视图。
绘制布局表格 •可以在页面上绘制布局表格,然后在布局表格内绘制布局单元格。

(1)切换到“布局”模式,单击“布局”面板上的“布局表格”按钮,鼠标指针将变为形状,此时在页面上按下鼠标左键不放并横向和纵向拖动,拖出一个矩形的选框。

(2)拖动至合适大小后,释放鼠标左键,即绘制出一个布局表格。
绘制布局单元格 •布局页面主要使用布局单元格,可以在布局表格中绘制布局单元格,也可以在页面上直接绘制布局单元格,此时Dreamweaver会自动生成一个布局表格作为容器包含布局单元格。
切换到“布局”视图中,单击“布局”面板上的“绘制布局单元格”按钮,鼠标指针将变为形状,在页面上拖动出一个矩形框,释放鼠标左键即可。
布局表格嵌套 •在布局表格中可绘制另外的表格,即嵌套表格。
嵌套表格的单元格大小不会随外部表格的调整而变化,因此,使用嵌套表格布局网页更灵活,是经常使用的网页布局方法。
•在已经创建的布局表格中拖动鼠标,绘制出新的布局表格即可 布局表格属性 •绘制好布局表格后,选中布局表格,下方将出现布局表格的“属性”面板,供用户设置布局表格的属性。
布局表格属性
1、宽:设置布局表格的宽度。

2、固定:选中此复选框,将使用右侧文本框中的数值固定表格的宽度。

3、自动伸展:选中此复选框,表格的宽度将自动伸展。

4、高:设置布局表格的高度。

5、背景颜色:设置布局表格的背景颜色。

6、填充:设置布局表格的单元格中内容与单元格边框的间距。

7、间距:设置布局表格中单元格之间的间距。

8、清除行高:清除单元格的高度。

9、使单元格宽度一致:设置所有的单元格宽度一致。
10、删除所有间隔图像:从布局表格中删除所有的间隔图像。
11、删除嵌套:删除被选择的嵌套表格,但是保留其中的内容。
使用间隔图 •由于在单元格中输入信息时,单元格会由于内容的长度超出单元格而被撑开,而相邻的单元格则会被挤小,甚至会在旁边的表格的挤压下完全不可见。
•使用间隔图可以控制列的间隔,固定列宽,间隔图是透明的,在浏览器中不会显示出来。
使用间隔图
(1)选中要插入间隔图的单元格,单击表头的下三角按钮,在弹出的下拉菜单中选择“添加间隔图像”命令。

(2)弹出“选择占位图像”对话框,选中“创建占位图像文件”单选按钮,单击“确定”按钮。

(3)按照弹出的对话框中的提示设置好文件名和保存路径后,单击“保存”按钮,Dreamweaver将自动产生一个透明的图片作为间隔图插入到单元格中,且将图片保存在指定的路径位置。

标签: #自己的 #跳高 #文件 #空间 #网页 #文件 #备份 #函数