Dreamweaver_CS4表格操作.ppt

1、表格基本操作,一、表格基本概念 单元格边距：单元格中的内容和边框之间的距离； 单元格间距：单元格和单元格之间的距离。,表格基本操作,二、表格的插入 将光标置于要插入表格的位置，选择“插入|表格命令，弹出表格对话框，在对话框中设置表格的行数、列数等相关属性。 可以在表格的属性面板中对表格的属性进行详细的设置，在设置表格属性之前首先要选中表格。,表格基本操作,三、调整表格结构 1、选择表格 选择整个表格的方法主要有以下几种： （1）单击表格上的任意一根边框线即可选中表格。 （2）将光标置于表格内的任意位置，选择“修改|表格|选择表格”命令即可选中表格。 （3）将光标置于表格的左上角，按住鼠标左键不

2、放拖动到表格的右下角，将所有的单元格选中，选择“编辑|全选”命令即可选中表格。 （4）将光标置于表格内任意位置，单击文档窗口左下角的标签也可以选中表格。 2、调整表格的单元格的大小 3、添加或删除行或列 修改|表格菜单中的子命令。 4、拆分与合并单元格 修改|表格菜单中的子命令。,实训一 制作网页细线表格,细线表格的效果图,实训一 制作网页细线表格,操作步骤： 1、打开原始网页文档 2、将光标置于要插入表格的位置，选择“插入|表格”命令，弹出“表格”对话框，在对话框中将“行数”设置为1，列数设置为1，表格宽度设置为450像素 3、单击“确定”按钮，插入表格，将单元格的“背景颜色”设置为#166

3、98B 4、将光标置于表格中，选择“插入|表格”命令，插入5行3列的表格，表格宽度设置为100% 5、选中插入的表格，在“属性”面板中将“填充”设置为4，间距设置为1 6、将单元格的“背景颜色”设置为#FFFFFF，并在单元格中输入相应的文字 7、保存文档，在浏览器中浏览。,实训二 制作网页圆角表格,圆角表格效果,实训二 制作网页圆角表格,操作步骤： 1、打开原始网页文档。 2、将光标置于页面中，选择“插入|表格”命令，弹出“表格”对话框，在对话框中将“行数”设置为3，列数设置为1，表格宽度设置为100% 3、单击“确定”按钮，插入表格1。 4、将光标置于表格1的第1行单元格中，选择“插入|图

4、像”命令，弹出“选择图像源文件”对话框，在images文件夹里选择相应的圆角图像文件ind_08。 5、单击“确定”按钮，插入圆角图像。 6、将光标置于表格1的第2行单元格中，在“属性”面板中将“背景颜色”设置为#E7CB9B。 7、将光标置于表格1的第2行单元格中，选择“插入|表格”命令，插入3行1列的表格，表格宽度设置为95%，此表格为表格2。 8、将光标置于表格2的第1行单元格中，选择“插入|表格”命令，插入1行2列的表格，表格宽度设置为100%，此表格为表格3。 9、在表格3的第1列单元格中输入文字，大小设置为14像素。颜色设置为#703E01，并加粗。 10、在表格3的第2列单元格中输入文字，大小设置为12像素。 11、将光标置于表格2的第2行单元格中，在代码视图中输入背景图像。（dh_03) 12、将光标置于表格2的第3行单元格中，输入文字。 13、将光标置于文字中，选择“插入|图像”命令，插入图像（ind_16)，将对齐设置为“左对齐”，垂直边距和水平边距分别