表格处理dreamweaver.docx

1、表格处理dreamweaver第五章 表格处理1、表格的作用：1）存放数据 2）布局页面2、插入表格 步骤：1） 单击网页中需要插入表格的地方2） 在菜单栏选择“插入记录”-“表格”命令，或者单击“常用”工具栏里的“表格”按钮，或者运用组合键CTRL+ALT+T3、设置表格大小行数和列数：表格宽度：表示表格在页面中宽度的大小。像素设置的是表哥宽度的实际值，百分比设置的是表格与页面宽度的相对比值。边框粗细：设置表格边框的粗细效果。单元格边距：是指单元格中填充内容距离边框的距离大小。单元格间距：是指相邻单元格之间的距离。概念：单元格，指的是表格里的每一个格子，就叫做单元格。理解表格边框、单元格边框

2、、间距、填充（边距）4、页眉与辅助功能页眉：用于设置表格的行或列的标题无：表示不设置表格的行或列的标题左：表示一行归为一类，可以为每行在第一栏设置一个标题顶部：表示一列归为一类，可以为每列在头一栏设置一个标题两者：表示可以同时输入“左”端和“顶部”的标题标题：设置表格的标题名称，默认会出现在表格的上方。摘要：为表格的备注，不会在网页中显示。二、表格的设置1实例一 足球明星相册要求：1) 标题“足球明星” 设置字体：黑体、大小：36像素、 颜色：#FFCC33、居中对齐2) 创建导航位置的表格1行5列、表格宽度700像素、边框为0、填充3、间距0、背景颜色为：#FF99CC、每个单元格必须一样宽

3、，且里面的文字居中对齐。3) 设置网页背景颜色为：#009900，设置导航链接4) 创建图像展示表格3行4列。宽度700像素边框粗细1像素边框颜色#003333单元格边距10像素单元格间距10像素表格背景颜色#006600第一行背景颜色#66FFCC第二行背景颜色#FFFF66第三行背景颜色#66FF00知识点：1）选定表格和单元格 表格包括行、列、单元格3个组成部分 。A、选定整个表格 B、选定行或列 C、选定单元格 2）设置表格和单元格的属性3）调整表格的尺寸 选定表格鼠标拖动 设置属性值 调整行和列的宽度 2、实例二、制作课程表步骤一：插入5行6列的表格，宽度为500像素，边框、填充、间

4、距各为1；并调整表格录入文字如下图所示：知识点：1）添加/删除行列 通过表格【属性】面板增加与删除表格的行和列 通过【修改】菜单完成增加与删除表格的行和列 2）单元格的合并和拆分3）单元格的复制、粘贴、移动和清除 在网页编辑窗口中选中要复制的对象1. 复制按Ctrl+C，或【编辑】【复制】命令。 2. 移动按Ctrl+X，或【编辑】【剪切】命令。 3. 粘贴按Ctrl+V，或【编辑】【粘贴】命令。 4. 拖动按住Ctrl拖，则完成复制操作。直接拖曳可完成对象的操作。 5. 清除按Delete，或【编辑】【清除】命令。 步骤二：在步骤一的基础上，设置表格属性，如下图所示效果：表格属性参数：宽度5

5、00像素边框粗细1像素边距1像素间距1像素表格背景颜色#D2E2EF表格边框颜色#B6C9D7对齐居中对齐步骤三：设置单元格属性，完成课程表。如下图所示：要求：1）所有单元格居中对齐，字体大小为12px 2）第一列和第二行字体加粗 3）第二行背景颜色设置为：#B6C9D7；填写科目的单元格设置背景颜色：#E9F1F8 4）最上一行字体：隶书 36px 红色；设置行高70像素；背景图片：bg.gif 5）左上角单元格，插入图片logo.gif，设置图片宽和高为60,并设置图片在单元格的顶部对齐。6）最下一行设置行高20像素；背景颜色：#B6C9D7，边框颜色：#FF00003、表格的html标记

6、表格的标签：         表格标记 行标记 单元格标记  空格三、表格嵌套1概念：就是在表格的单元格中再插入表格，形成嵌套的结构。或者就是说在已有的表格中再创建表格。2步骤 A：光标定位到需要插入嵌套表格的单元格里B： 按照插入表格的方式，插入新的表格实例一：下载页面要求：1、背景图片为bg.gif 2. 单元格颜色 #33B3F0和 #C8EAFB实例二 个人简历 四、应用表格布局页面1）、类型：网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。A、国字型B拐角型C正文型D左右框架型E Flash型2、页面的构成1）网页尺寸 根据屏幕分辨率的大小设计网页的宽度。 一般如果屏幕分辨率为800*600 那么设计网页的尺寸为780*428，如果屏幕分辨率为1024*768，那么设计页面尺寸为980*6002）页头（页眉） 通常放置logo（网站标志）和banner（广告条）3）页脚放置版权信息、联系电话、网站介绍、备案信息等等。4）导航栏实例：国字型 网页制作