2.1用表格布局网页ppt课件.ppt
:,用表格布局网页,表格的创建与内容添加表格的基本操作表格和单元格的属性设置表格的高级操作,:,表格的创建与内容添加,表格的插入将光标插入点定位到需要插入表格的位置。在“常用插入栏中单击表格按钮快捷键为),翻开“表格对话框。在该对话框中的“行数文本框中输入创建表格的行数在该对话框中的“列数文本框中输入创建表格的列数在“表格宽度文本框中输入创建表格的宽度像素和百分比)表格边框粗细设置单元格边距设置:单元格边框与单元格中内容的距离单元格间距设置:相邻单元格间的距离,:,:,表格的创建与内容添加,嵌套表格的创建方法参照表格的插入,:,表格的创建与内容添加,在表格中添加内容表格创建完成后,即可在表格中添加文本或图像等内容。向表格中添加内容的方法很简单,只需将光标定位到要输入内容的单元格,再输入文本或在“常用插入栏中单击【图像】按钮即可。,:,表格的基本操作,选中单元格选中整个表格选中一行或多行选中一列或多列选中一个或多个单元格,:,选中整个表格,将鼠标光标移动到表格边框线上,当边框线变为红色且鼠标光标变为 形状时,单击鼠标即可将其选中。此方法一般用于对最外层表格的选取。将鼠标光标移到表格的任意单元格边框上,当鼠标光标变为 或 形状时,单击鼠标即可将其选中。此方法一般用于嵌套表格的选取。将光标定位到表格的任意单元格中,表格上端或下端将弹出绿线标志,单击最上端标有表格宽度的绿线中的按钮,在弹出的快捷菜单中选择“选择表格命令可将其选中将光标定位到表格的任一单元格中,单击编辑窗口左下角标签选择器中的标签将其选中。,:,选中一行或多行,将鼠标光标移至需要选中行的左侧,调整位置至鼠标光标变为 形状,且该行的边框变为红色是,单击鼠标即可选中该行。如果选中多行,则应在单击时按住鼠标左键不放,向下拖动鼠标至要选择的最后一行,然后释放鼠标即可。,:,选中一列或多列,选择一列或多列的操作类似于一行或多行的选择操作,不同的是从表格的上方进行选取。将光标定位到表格中任意单元格中,单击需选中列上端绿线中的 按钮,在弹出的快捷菜单中选择“选择列命令也可选择该列。,:,选中一个或多个单元格,单个单元格选取:定位光标即可选取多个单元格的选取将光标插入点定位到要选取的单元格区域的左上角的单元格中在光标插入点所在单元格中按住鼠标左键不放,拖动鼠标到需要选取单元格区域的最后一个单元格中释放鼠标。,:,单元格的合并,选取要合并的单元格区域单击属性面板左下角的 按钮,:,单元格的拆分,将光标定位到要拆分的单元格区中单击鼠标右键,在弹出的快捷菜单中选择“表格拆分单元格命令,翻开“拆分单元格对话框在“把单元格拆分栏中选中相应的操作设置要拆分的列数和行数单击确定即可完成单元格的拆分,:,插入单行或单列,单行插入将光标插入点定位到要插入行的单元格中选择“插入表格对象命令,在打开的子菜单中根据实际情况选择“在上面插入后或“在下面插入行选项单列插入:方法如上,:,插入多行或多列,将光标定位到要插入多行或多列的单元格中选择“鼠标右键表格插入行或列命令,翻开“”插入行或列“对话框。在该对话框的插入“栏中选择插入行或列输入行数或列数选择要插入的位置:行之上或之下),列左或右),:,删除行或列,选择完整的行或列按键即可删除行或列,:,表格属性设置,常用的表格属性:宽度、高度、填充、间距、对齐、边框、背景颜色、边框颜色、背景图像等。表格属性属性设置方法选择要设置表格属性的表格,打开属性面板,:,设置单元格属性,常用的单元格属性:宽度、高度、填充、间距、对齐、边框、背景颜色、边框颜色、背景图像等。单元格属性设置方法选择要设置单元格,打开属性面板,:,移动表格整行或整列内容,剪切+粘贴步骤选择要移动的行或列选择编辑剪切“或将光标定位到目标位置后一列或一行的任意单元格中选择编辑粘贴“或,:,表格的排序,选中要排序的表格选择命令排序表格“命令,翻开排序表格“对话框设置按那列排序,:,表格数据的导入,可以XML,表格式数据、WORD文档、EXCEL文档导入方法:文件导入选择导入的文件类型,:,表格数据的导出,定义:将网页中的表格数据用其他应用程序存储。具体操作如下:将光标插入点定位到表格的任意单元格中。选择“文件导出表格命令打开“导出表格对话框,:,表格数据的导出,在“定界符下拉列表框中指定应该使用哪个分隔符在导出的文件中隔开各项数据内容TAB、空白键、逗号、分号、冒号)在换行符下拉列表框中指定在那个操作系统中打开导出的文件。单击【导出】按钮打开“表格导出为对话框输入文件名称后一般为txt文件),单击【保管】按钮即可。,:,套用表格样式,Dreamweaver提供了一系列常用的表格样式,可以将这样式套用在表格上,增强表格的显示效果。 操作步骤:选择表格选择“命令格式化表格命令,:,课堂练习,嵌套表格:插入一个三行三列的表格,表格边框为2,在第三行第三列嵌套一个二行二列的表格练习行、列、单元格的选取表格的拆分表格的合并导入教师信息表,并先按“学位降序再按“中心工作年限升序排列用表格定位网页,:,:,:,表格三,表格二,表格一,