表格处理 dreamweaver表格处理 dreamweaver.docVIP

第五章 表格处理 1、表格的作用： 1）存放数据 2）布局页面 2、插入表格 步骤： 单击网页中需要插入表格的地方 在菜单栏选择“插入记录”-“表格”命令，或者单击“常用”工具栏里的“表格”按钮，或者运用组合键CTRL+ALT+T 3、设置表格大小 行数和列数： 表格宽度：表示表格在页面中宽度的大小。像素设置的是表哥宽度的实际值， 百分比设置的是表格与页面宽度的相对比值。 边框粗细：设置表格边框的粗细效果。 单元格边距：是指单元格中填充内容距离边框的距离大小。 单元格间距：是指相邻单元格之间的距离。 概念：单元格，指的是表格里的每一个格子，就叫做单元格。 理解表格边框、单元格边框、间距、填充（边距） 4、页眉与辅助功能 页眉：用于设置表格的行或列的标题 无：表示不设置表格的行或列的标题 左：表示一行归为一类，可以为每行在第一栏设置一个标题 顶部：表示一列归为一类，可以为每列在头一栏设置一个标题 两者：表示可以同时输入“左”端和“顶部”的标题 标题：设置表格的标题名称，默认会出现在表格的上方。 摘要：为表格的备注，不会在网页中显示。 二、表格的设置 1实例一 足球明星相册 要求： 标题“足球明星” 设置字体：黑体、大小：36像素、 颜色：#FFCC33、居中对齐 创建导航位置的表格1行5列、表格宽度700像素、边框为0、填充3、间距0、背景颜色为：#FF99CC、每个单元格必须一样宽，且里面的文字居中对齐。 设置网页背景颜色为：#009900，设置导航链接 创建图像展示表格3行4列。 宽度700像素边框粗细1像素边框颜色#003333单元格边距10像素单元格间距10像素表格背景颜色#006600第一行背景颜色#66FFCC第二行背景颜色#FFFF66第三行背景颜色#66FF00知识点： 1）选定表格和单元格 表格包括行、列、单元格3个组成部分 。 A、选定整个表格 B、选定行或列 C、选定单元格 2）设置表格和单元格的属性 3）调整表格的尺寸 选定表格→鼠标拖动 设置属性值 调整行和列的宽度 2、实例二??制作课程表 步骤一：插入5行6列的表格，宽度为500像素，边框、填充、间距各为1；并调整表格录入文字如下图所示： 知识点： 1）添加/删除行列 通过表格【属性】面板增加与删除表格的行和列 通过【修改】菜单完成增加与删除表格的行和列 2）单元格的合并和拆分 3）单元格的复制、粘贴、移动和清除 　 在网页编辑窗口中选中要复制的对象 复制－－按Ctrl+C，或【编辑】｜【复制】命令。 移动－－按Ctrl+X，或【编辑】｜【剪切】]命令。 粘贴－－按Ctrl+V，或【编辑】｜【粘贴】命令。 拖动－－按住Ctrl＋拖，则完成复制操作。直接拖曳可完成对象的操作。 清除－－按Delete，或【编辑】｜【清除】命令。 步骤二：在步骤一的基础上，设置表格属性，如下图所示效果： 表格属性参数： 宽度500像素边框粗细1像素边距1像素间距1像素表格背景颜色#D2E2EF表格边框颜色#B6C9D7对齐居中对齐 步骤三：设置单元格属性，完成课程表。如下图所示： 要求：1）所有单元格居中对齐，字体大小为12px 2）第一列和第二行字体加粗 3）第二行背景颜色设置为：#B6C9D7；填写科目的单元格设置背景颜色：#E9F1F8 4）最上一行字体：隶书 36px 红色；设置行高70像素；背景图片：bg.gif 5）左上角单元格，插入图片logo.gif，设置图片宽和高为60,并设置图片在单元格的顶部对齐。 6）最下一行设置行高20像素；背景颜色：#B6C9D7，边框颜色：#FF0000 3、表格的html标记 表格的标签： table width=200 border=1 tr tdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/td tdnbsp;/td /tr /table table /table 表格标记 tr /tr 行标记 td /td 单元格标记 nbsp; 空格 三、表格嵌套 1．概念：就是在表格的单元格中再插入表格，形成嵌套的结构。或者就是说在已有的表格中再创建表格。 2．步骤 A：光标定位到需要插入嵌套表格的单元格里 B： 按照插入表格的方式，插入新的表格 实例一：下载页面 要求：1、背景图片为bg.gif 2. 单元格颜色 #33B3F0和 #C8EAFB 实例二 个人简历 四、应用表格布局页面 1）、