网页设计——在网页中使用表格.pptVIP

第3章 在网页中使用表格 3-1 插入表格 3-2 操作单元格的小技巧 3-3 利用布局视图设计表格样式 3-4 小知识 3-1　插入表格 3-1-1 在网页中插入表格 3-1-2 调整表格大小 3-1-3 将表格居中对齐 3-1-4 设置表格背景色 3-1-5 修改表格边框颜色与粗细 3-1-1　在网页中插入表格 表格中的基本概念： 表格中一个一个格子称为单元格（cell），一整条横向单元格称为行（row），一整条纵向单元格则称为列（column）。 建立表格前，先确定表格的行与列数目，然后就可以插入表格，并在单元格内开始输入文字或图片。 3-1-1　在网页中插入表格 （1）将光标移到要插入表格的位置，然后到常用菜单模式上单击　表格按钮。 （2）出现“表格”对话框后，分别在行和列的空格中输入表格的 行数和列数，然后单 击“确定”按钮。 根据所设置的内 容，网页上就会出现 一个指定行数、列数 与边框粗细的空白表格。 3-1-2　调整表格大小 调整表格大小有两种方式： 表格随输入的汉字自动扩大。 直接指定表格的宽度大小。 直接调整表格大小的步骤如下。 （1）移动鼠标到表格边线，当鼠标出现　图标后，单击鼠标左键选取表格。 3-1-2　调整表格大小 3-1-2　调整表格大小 在表格属性面板的“宽”和“高”栏后面有单位列表： 像素　表示固定表格大小 %　使表格随着浏览窗口的大小，以指定的百分比改变表格的相对大小。 也可以在选取表格后，移动鼠标到周围的黑色标记上，当鼠标出现图标后，拖动鼠标改变表格大小。 3-1-3　将表格居中对齐 移动鼠标选取表格，在打开的属性面板中选择“对齐”列表中的 “居中对齐”。 3-1-4　设置表格背景色 建立表格后，系统默认表格是没有背景色的，可以替表格加上背景色。 选取表格后，在 “属性”面板中单 击“背景颜色”旁 的按钮，从弹出 的色板中选择表 格背景色。 3-1-4　设置表格背景色 除了背景色外，表格也可以设置背景图案，只要单击“背景图像”栏的浏览文件按钮，再选取图片文件就可以了。 3-1-5　修改表格边框颜色与粗细 为了让表格看起来更醒目，可以调整边框的粗细或是修改边框的颜色 3-1-5　修改表格边框颜色与粗细 接着在“边框”栏输入表格的边框粗细。 3-2　操作单元格的小技巧 3-2-1 调整单元格高度 3-2-2 合并单元格 3-2-3 设置标题单元格 3-2-4 设置单元格背景色 3-2-5 套用默认的表格样式 3-2-6 导入外部文件变成表格 3-2-1　调整单元格高度 （1）将光标移到单元格中。 3-2-2　合并单元格 （1）拖动鼠标选取要合并的单元格。 （2）打开属性面板后，移动鼠标单击　合并所选单元格按钮。 3-2-2　合并单元格 若要拆分单元格，按下属性面板的拆分单元格为行或列按钮，则会出现“拆分单元格”对话框，接着输入要分割出来的行或列数目后，就会将原本的单一单元格分割成好几个单元格。 3-2-3　设置标题单元格 为了让表格的标题更醒目，Dreamweaver有一个设置标题单元格的选项，它的格式是固定不变的，被设为标题的文字会自动变为粗体，并且居中对齐。 设置标题单元格的操作步骤如下 。 将光标移到要设成标题的单元格，接着在属性面板中勾选“标题”。 3-2-3　设置标题单元格 3-2-3　设置标题单元格 勾选“标题”后，则文本的格式会被修改，变成粗体并且居中对齐。 3-2-4　设置单元格背景色 表格中的每一个单元格都可以分别设置背景颜色。 　（1） 将光标移入要填入背景色的单元格中。打开属性面板后，移动鼠标单击　背景颜色按钮，再从弹出的色板中单击　系统颜色拾取器按钮。 3-2-4　设置单元格背景色 3-2-4　设置单元格背景色 （3）在“颜色”对话框中，选择要填入的颜色，然后选择“确定”按钮。 3-2-4　设置单元格背景色 单元格背景设置的优先级高于表格，表格背景则高于网页，所以若网页、表格和单元格都设置了背景色或背景图，则单元格的背景呈现的是单元格背景设置，而不是表格或网页的背景。 3-2-5　套用默认的表格样式 除了自行设计外，Dreamweaver提供了许多默认表格样式，只要选取其中一个样式，就能自动套入所制作的表格中。 （1）移动鼠标到菜单栏执行“命令→“格式化表格”命令。 （2）在出现的“格式化表格”对话框中选择要套用的表格