DW_07使用表格资料
信息发布与网页设计-Dreamweaver7 表格
合并与拆分单元格（修改→表格→合并/拆分单元格）或选择 欲编辑的单元格通过快捷键（鼠标右键）
自动格式化表格
菜单“命令”、“格式化表格” 选择表格格式
排序表格数据
按行、安列，按字母、按数字排序
7.3 设置表格属性
表格属性设置面板
单元格属性
单元格属性设置面板
7.4 表格的基本操作
选择整个表格 选择整个行/列 选择连续单元格(SHEFT) 选择非连续单元格(CTRL) 插入行/列: “修改”、“表格”、“插入
行或列”
表格排序及导入和导出
表格数据的导入（导入01.txt）/导出
菜单“文件” → “导入” → “表格式数 据”
菜单“文件” → “导出” → “表格”
添加 单击列标头右边的向下箭头，打开下 拉菜单，选择“添加间隔图像”
删除 单击列标头右边的向下箭头，打开下 拉菜单，选择“删除间隔图像”
表格排序及导入和导出
表格排序
光标定位在表格内或选择表格 使用菜单的 “命令” → “排序表格” 设置排序依据
表格数据的导出、导入
选择表格 菜单“文件” → “导出” → “表格” 菜单“文件” → “导入” → “表格式数据”
表格排序
光标定位在表格内或选择表格
使用菜单的 “命令” → “排序表 格”
设置排序依据（跨行/列图” → “表格模式” → “视图模式” “插入” → “布局对象” → “表格布局”
“布局表格”、“布局单元格”按钮在页面上 绘制布局区域
使用间隔图
7 表格与布局
表格的作用：
存放表信息； 为网页布局，对复杂页面进行精确布局、
定位等，适宜门户网站的布局。
DW-07使用表格
42
教育学院
网站建设
第7章使用表格
4、统一列宽
调整表格中的各列宽度后，可以使再其宽度 相同。
方法：单击某一列，在其列宽度菜单中，选 择“清除列宽”。
2019年11月22日星期五
43
教育学院
网站建设
第7章使用表格
三、增加行和列
1、增加行
方法：右击某行→“表格”—“插入行”/“插入行 或列”；
“修改”—“表格”—“插入行”/“插入行或列” 命令。
2019年11月22日星期五
19
教育学院
网站建设
第7章使用表格
辅助中的标题
2019年11月22日星期五
20
教育学院
网站建设
第7章使用表格
表格宽度菜单：单击表格中的任意位置，在表格的 上方或者下方显示宽度和宽度分布。
单击其中的小三角可以对其进行相应的设置。 也可以在“查看”中“可视化助理”的“表格宽度” 中设置显示或者隐藏，默认显示。
边框：用于设置表格外边框的宽度。 类：用于设置表格的CSS样式。 单击 按钮，（宽度橡皮擦）可以取消单元格的 宽度设置，使其宽度随单元格的内容自动缩放。 单击 按钮，（高度橡皮擦）可以取消单元格的 高度设置，使其高度随单元格的内容自动调整。 单击 按钮，可以将表格宽度转换为像素。 单击 按钮，可以将表格宽度转换为百分比。
“修改”—“表格”—“插入列”/“插入行或列” 命令。
“插入”—“表格对象”—“在左边插入列”/“在 右边插入列”命令。
选中表格，在属性面板中“列”数中增加数值。
2019年11月22日星期五
46
教育学院
网站建设
第7章使用表格
四、删除表格元素
1、删除单元格内的对象
DW实训七说明
DW实训七（表单）
一．在E：根目录下新建一个学号命名的文件夹。
二．任务要求
1．在学号文件夹下新建一个文件夹MySite7，将DW实训七资料下所有文件拷到MySite7下。
2．定义一个本地站点，站点名字为：MySite7 文件保存路径为E：\xxxx(学号)\MySite7 3．新建form1.htm，点击菜单→窗口→插入，dreamweaver软件的右侧出现下图所示的工具，点击“常用”选择“表单”。
4．在f o r m1.h t m中插入表单及表单对象、文字和图片。
得到最终效果如图一：
注意：(1)图一和图二是一个整体的页面。
(2)图一和图二中表单前面的文字表示表单选项名单，如
其中文字“跳转菜单”表示后面的表单选项是：跳转菜单。
图一
图二
5．新建form2.htm,在form2.htm插入表单及表单对象、文字和图片，进行层相关的操
作。
图三和图四是一个页面f o r m2.h t m中的内容。
图三
图四。
Office_2007--Excel基本操作手册
返回
認識“單元格”、“區域”
該區域稱：A1：B5 該單元格稱： A1
輸入存儲格內容
例.在B1單元格輸入“中國”，則找到B1，直接輸入即可（不需要“雙擊”）
刪除存儲格內容 方法一：選擇單元格，按鍵盤“Backspace”鍵，或者按鍵盤“Delete”鍵 方法二：
修改存儲格內容
例.將B1單元格的“國”改成“心”，則需要“雙擊”B1中的“國”，直接輸入“心”即可
2. 選擇要加總的儲存格
1.選擇所要加總的範圍
3.選擇實際要加總的範圍
返回
計算由特定條件所指的存儲格數目（函數：COUNTIFS)
返回
快捷輸入年月日（函數：TODAY)
這個函數不需要引數
7. 快捷鍵
返回
如何快速保存？ 答：Ctrl+S 应用带有小时和分钟以及 AM 或 PM 的“时间”格式的快捷键是什么？ 答：Ctrl+Shift+@ 如何快速填充单元格？ 答：选定单元格区域按下Ctrl+D组合键 Ctrl+A组合键的妙用？
3
超鏈接
插入文字方塊及符號 插入文字藝術師 插入物件
1.Excel_2007工作窗口的介紹
Office按鈕 快速訪問工具欄
選項卡 標題欄
返回 窗口控制按鈕
組 名 稱 框 拆 分 按 鈕 編輯欄
垂直滾 動條
列號
欄標
工 作 表 編 輯 區
翻 頁 按 鈕
工作表標籤
標籤分割條
視圖方式
拆分按鈕 水平滾動條
2.設定存儲格及存儲格數據
方法二：單擊該按鈕 下划线快捷鍵： Ctrl+U 或 Ctrl+4
excel2007表格的基本操作教程
excel2007表格的基本操作教程Excel 2007是一款强大的电子表格软件，可以用于各种应用和任务。
它提供了许多功能和工具，使得数据的处理和分析变得更加简单和高效。
下面是一些Excel 2007的基本操作教程，帮助您快速入门并提高工作效率。
1. 启动和创建新工作表：在桌面上找到Excel 2007的图标并双击打开软件。
在打开的界面上，点击“新建”，即可创建一个新的工作簿，其中包含有一个工作表。
2. 数据输入和编辑：将数据输入到工作表的单元格中。
在选定单元格内输入数据后，按下“Enter”键，光标会自动跳到下一个单元格。
您还可以使用键盘的方向键进行导航或使用鼠标点击单元格进行选择和编辑。
3. 单元格格式化：通过格式化，您可以更改单元格中数据的外观和布局。
选中单元格后，点击“格式”选项卡上的相关按钮，可以更改字体、颜色、对齐方式等。
例如，点击“字体颜色”按钮可以改变单元格内文字的颜色。
4. 行和列的插入和删除：选中要插入行或列的位置，然后点击“插入”选项卡上的“行”或“列”按钮。
同样，在选中行或列后，点击“删除”按钮可以删除它们。
5. 数据排序和筛选：通过数据排序和筛选，您可以轻松地对数据进行排序和过滤。
选择要排序的数据区域，然后点击“数据”选项卡上的“排序”按钮，可以按照特定的顺序对数据进行排序。
而通过点击“高级”按钮，可以使用筛选功能来选择和显示符合特定条件的数据。
6. 公式和函数的使用：Excel的强大之处在于它的公式和函数。
使用公式可以进行各种数学和逻辑运算，如加、减、乘、除等。
函数则进一步简化了数据分析和处理的过程。
在单元格中键入等号“=”即可开始输入公式或函数。
7. 图表的创建和编辑：Excel提供了强大的图表功能，可以将数据可视化展示。
选择要创建图表的数据区域，然后点击“插入”选项卡上的“图表”按钮。
选择适合的图表类型，例如柱形图、折线图、饼图等。
通过“图表工具”选项卡上的编辑功能，可以进一步调整和美化图表。
07版excel数据及图表操作
第 21 步，适当调整图表大小及位置，加标题：插入选项卡 →形状 →横向文本框，在图表上方输入标题
第 22 步，给文本加边框：文本在选中状态下，格式→形状轮廓→选择黑色
第 23 步，取消隐藏：鼠标选中 5、34 行，右击，取消隐藏
第 24 步，做最后调整
第 11 步，返回选择数据源对话框，单击右侧编辑按钮
第 12 步，周标签选择各不良项目行，确定
第 13 步，图表基本成型，适当调整图表大小及位置，选择红色数据线（即不良项目），选择更改图表类型按钮
第 14 步，在对话框中选择，第一个柱形图，确定
第 15 步，选择蓝色数据线（即不良率小计），右击选择设置数据系列格式
第 20 步，计算不良占有率 2，在溢出项的不良占有率单元格内，输入=鼠标单击溢出不良总数量，输入 /，单击总不良合计
第 21 步，在 GL 超长项的不良占有率单元格内，输入=鼠标单击 GL 超长不良占有率 1，输入 +，单击溢出不良占有率 2 总不良合计
第 22 步，复制溢出不良占有率 2，横向拖动复制
第 15 步，在公式 C34 前输入$（英文状态下输入），实现 C34 单元格在复制过程中不变
第16 步，横向拖动鼠标，实现命令复制
第 17 步，计算不良占有率 1，在溢出项的不良占有率单元格内，输入=鼠标单击溢出不良总数量，输入 /，单击总不良合计
第 18 步，在公式 S34 前输入$
第 19 步，横向拖动鼠标，实现命令复制
第 16 步，在对话框中选择系列选项：次坐标轴，确定
第 17 步，根据数据大小适当调整纵轴显示数据范围 ，在主坐标轴处右击选择设置坐标轴格式
第 18 步，在对话框中设置，最大值：3000
第 19 步，在次坐标轴处右击选择设置坐标轴格式
Dreamweaver表格相关知识
Dreamweaver表格相关知识Dreamweaver表格相关知识Dreamweaver表格的使用1、点击插入/表格，打开表格面板进行设置。
行数、列数、宽度、边框等，“单元格填充”为单元格内侧与内容的距离；“单元格间距”为单元格之间的距离，单位均为像素。
2、插入表格后，在表格的边框上点击一下，可以全选整个表格。
然后在下面的属性面板里可以进行各种设置。
3、把光标移到其中一个单元格，此时看到的属性面板，就是单元格的属性面板。
也可以进行各种关于单元格的操作。
如背景色、背景图、边框、合并、拆分等。
Dreamweaver表格的其他操作1、选中整个表格，设置其背景为黑色（该颜色即表格线的颜色）。
2、选中所有单元格，设置其背景为白色。
二自动格式化表格1、先制作好一张表格，然后选中。
2、选菜单中的命令/格式化表格。
即可以其中选择预设好的一些表格样式。
三一像素分割条1、插入一个1行1列，宽为200像素，边框边距均为0的表格。
2、选中表格，设置表格高为1像素，并设置一个背景色（即所要的线条颜色）。
3、切换到代码和设计窗口，将代码删除Dreamweaver用表格构建完整的页面1、创建一个1行2列，宽为760像素，边框及边距均为0的表格。
2、选中表格，设置排列方式为居中对齐，背景色为#3366CC。
3、将光标置于左边单元格中，设置其水平排列为左对齐，垂直排列为顶端对齐，然后插入一张图像，一般在此插入的是网站的图标，即logo。
4、将光标置于右边单元格中，设置其宽度为500，水平排列为居中对齐，垂直排列为中间，然后插入图像，一般是网页广告，即banner。
5、将光标置于刚完成的表格之后，插入/表格，创建一个1行1列，宽为760像素，边框及边距均为0的表格。
6、选中刚创建的表格，设置排列方式为居中对齐，背景色为#005173。
7、在该表格中依次插入多个图像，作为导航条菜单。
二网页中部（左边栏目列表、中间网站新闻、右边栏目列表）1、在导航条表格后面，插入/表格，创建一个1行3列，宽为760像素，边框及边距均为0的表格。
Excel2007记录单使用说明
一、选择excel2007选项卡，点击下方的【Excel选项】或【选项】，如图
二、按顺序点击【自定义】按钮，在下拉列表中选择【不在功能区中的命令】，在弹出的下
拉列表中选择【记录单】，然后点击【添加】，最后【确定】一下，如图所示：
三、点击完【确定】后，会看到最左上角会出现【记录单】的按钮标识，如图所示：
四、选中单元格中的列表头，再点击【记录单按钮】，如图所示：
，弹出的对话框不用管，直接点击【确定】就可以。
这时就可以看到记录单的样子，如图所示：
常用按钮介绍：【新建】，每次点击都会插入你所插入的记录，并且会重新清空现有内容【上一条】：用于定位到本次输入的记录上一条数据
【下一条】：用于定位到本次输入的记录下一条数据
快捷键介绍：按住键盘上的“Tab”键可以在记录单的输入框中来回切换，方向向前；
按住键盘上的“Shift+Tab”键可以在记录单的输入框中来回切换，方向
向后；。
excel2007表格的教程
excel2007表格的教程Excel2007是Microsoft Office 2007套件中的一款电子表格软件，被广泛用于数据处理、数据分析和计算等工作中。
本文将为您介绍Excel2007的基本操作和常用功能，帮助您快速上手和灵活运用该软件。
首先，我们来了解一下Excel2007的界面和基本操作。
打开Excel2007后，首先会看到一个空白的工作簿，主要由单元格组成。
单元格由行号和列标识符组成，可以输入文本、数字和公式等内容。
选中单元格后，可以在上方的公式栏输入内容，并在回车后显示在选中的单元格中。
在Excel2007中，可以使用鼠标和键盘进行操作。
鼠标操作包括移动单元格、选中单元格、调整列宽和行高等。
键盘操作包括移动光标、选中单元格、快捷键输入公式、创建公式等。
通过熟练掌握这些操作，可以大大提高操作效率。
Excel2007中有许多常用的功能和工具，下面将重点介绍其中几个功能。
第一个功能是数据排序，通过数据排序可以按照特定的列或行对数据进行升序或降序排序。
首先选中要排序的数据区域，然后点击“数据”选项卡中的“排序”按钮，选择要排序的列或行以及排序的方式，点击确定即可完成排序操作。
第二个功能是筛选数据，通过筛选数据可以将符合特定条件的数据筛选出来。
首先选中要筛选的数据区域，然后点击“数据”选项卡中的“筛选”按钮，选择要筛选的条件，点击确定即可完成筛选操作。
第三个功能是数据透视表，通过数据透视表可以对大量数据进行汇总和分析。
首先选中包含数据的区域，然后点击“插入”选项卡中的“数据透视表”按钮，选择要汇总和分析的字段和值，点击确定即可生成数据透视表。
除了上述功能，Excel2007还具有图表制作、公式计算、数据导入导出等功能，通过深入学习和实践，您可以发现更多有用的功能和技巧。
在Excel2007中，还有许多高级功能和技巧，可以根据个人需求进行学习和应用。
比如，使用宏进行自动化操作，使用条件格式进行数据可视化，使用函数进行复杂的计算等。
excel2007表格的基本操作 (2)
Excel 2007表格的基本操作简介Microsoft Excel是一款功能强大的电子表格软件，可以用于数据处理、数据分析、公式计算、图表绘制等多种任务。
本文将介绍一些Excel 2007表格的基本操作，帮助用户快速上手并熟练使用Excel。
表格的创建和编辑1. 创建新表格要创建一个新表格，只需执行以下操作：1.打开Excel 2007。
2.在导航栏上选择“文件”选项，然后点击“新建”。
3.在弹出的窗口中选择“空白工作簿”选项，然后点击“创建”。
2. 输入和编辑数据在Excel中，你可以输入和编辑各种数据。
下面是一些常用的命令：•在单元格中输入数据：点击单元格，然后直接在公式栏中输入数据并按下回车键即可。
•复制和粘贴数据：选中要复制的单元格，按下Ctrl + C，然后选中要粘贴的单元格，按下Ctrl + V。
•剪切和粘贴数据：选中要剪切的单元格，按下Ctrl + X，然后选中要粘贴的单元格，按下Ctrl + V。
•撤销操作：按下Ctrl + Z可以撤销最近的操作。
•重做操作：按下Ctrl + Y可以重做最近一次撤销的操作。
3. 调整表格在Excel中，你可以调整表格的行高和列宽。
以下是几种调整表格的方法：•调整行高：选中要调整行高的行，然后将光标移动到行号上方的边界上，光标变为双向箭头后，按住鼠标左键拖动即可调整行高。
•调整列宽：选中要调整列宽的列，然后将光标移动到列标上方的边界上，光标变为双向箭头后，按住鼠标左键拖动即可调整列宽。
•自动调整行高和列宽：可以通过双击行号或列标的边界来自动调整行高和列宽。
公式计算和函数Excel的公式计算和函数功能非常强大，可以用于各种数据分析和计算任务。
下面介绍几个常用的公式和函数。
1. 公式计算在Excel中，公式计算需要使用等号开头。
以下是一些常用的公式示例：•简单公式：例如，SUM(A1:A3)表示计算A1、A2和A3单元格的和。
•平均值计算：例如，AVERAGE(A1:A3)表示计算A1、A2和A3单元格的平均值。
DW_07使用表格总结
网站建设
第7章使用表格
5．其他类型
(1) 封面型
(2) Flash 型
(3) 框架型
网站建设
第7章使用表格
6、网页页面的构成
1）网页尺寸 根据屏幕分辨率的大小设计网页的宽度。 一般如果屏幕分辨率为800*600 那么设计网页的尺寸为780*428， 如果屏幕分辨率为1024*768，那么设计页面尺寸为980*600。 2）页头（页眉） 通常放臵logo（网站标志）和banner（广告条） 3）页脚 放臵版权信息、联系电话、网站介绍、备案信息等等。
主讲：韩维良
2018年10月
第7章使用表格
第一节 使用表格对页面进行布局
由于网页的主要组成元素是文字、图形或其它一些 可视化元素（如 Flash 动画、图像或文本段落），为 了不使它们从一个边缘流向另一个边缘，必须将它们
插入到一个“容器”中，这个“容器”就是表格。
表格能将页面划分为任意矩形区域，除了可以使大 量的信息资料有组织地排列起来以便管理外，还可以
单元格边距：(属性面板是填充)用于设臵表格中单
元格中的内容与单元格边框的距离。
2018年10月15日星期一
18
教育学院
网站建设
第7章使用表格
单元格间距：用于设臵表格中单元格之间的间距。 页眉：把表格的第一行或第一列作为标题行或标题
列，作为标题行或标题列的行或列的内容将以粗体的
形式显示。 分别为无、左、顶部、两者。 即确定是否启用表格的行列标题。在左侧为行标题， 在顶部为列标题。
选中表格，在属性面板中“列”数中增加数值。
2018年10月15日星期一
46
教育学院
网站建设
第7章使用表格
07创建和使用表格
Dreamweaver CS3中文版应用教程
三、 使用表格进行页面布局
3.将内容添加到布局单元格中
在“布局”模式下，可以将文本、图像和其他内容 添加到布局单元格中，就像在“标准”模式下将内容添 加到表格单元格一样。单击要添加内容的单元格，然后 添加所需的内容。当添加的内容超出布局单元格宽度时， 单元格将自动扩展，单元格所在的列也随之扩展。如果 要使用标准表格编辑工具对表格进行编辑，应先切换回 “标准”模式。
• 绘制布局单元格：在“布局”工具栏中单击“绘制布 局单元格”按钮 ，然后在布局表格中或者页面空白处 拖动，即可创建一个布局单元格。
Dreamweaver CS3中文版应用教程
三、 使用表格进行页面布局
2.绘制布局表格和布局单元格
• 绘制嵌套布局表格：嵌套布局表格的大小不能超过包 含它的表格。要绘制嵌套布局表格，应确保在“布局” 模式下进行。
Dreamweaver CS3中文版应用教程
二、 编辑表格
3.调整表格及其元素的大小
• 调整表格的整体大小：只改变表格的宽度；只改变表 格的高度；同时改变表格的宽度和高度；指定明确的表 格宽度。 • 更改行高：鼠标拖动；使用属性检查器。 • 更改列宽：鼠标拖动；使用属性检查器。 • 更改单元格的大小：使用属性检查器。
Dreamweaver CS3中文版应用教程
三、 使用表格进行页面布局
5.使用间隔图像
• 手动添加/删除间隔图像：若要手动添加间隔图像， 可在“布局”模式下单击布局表格中所需列的列标题按 钮，从弹出的菜单中选择“添加间隔图像”命令。若要 删除间隔图像，则在列标题菜单中选择“删除间隔图 像”。
Dreamweaver CS3中文版应用教程
Dreamweaver CS3中文版应用教程
dw07
第7讲 网页排版实战
教学目的与要求
•掌握表格的布局
•掌握样式表的外观控制
重点难点
•掌握表格的排版为本讲重点
• 掌握样式表的使用为本讲难点
任务一：首页的制作
页首的制作
任务一：首页的制作
ห้องสมุดไป่ตู้
页中的制作
任务一：首页的制作
页脚的制作
任务一：首页的制作
实战小结
•表格的插入注意事项 •表格的拆分与合并注意事项 •表格的嵌套作用 •巧用样式表设置
任务二：子页的制作
页首部分的制作
任务二：子页的制作
页中部分的制作
任务二：子页的制作
页脚部分的制作
任务二：子页的制作
实战小结 •重新组合布局 •巧用原布局
本讲练习
上机操作： 1. 完成本讲实例
Excel2007使用技巧大全(经典超全)
Excel2007使用技巧大全(经典超全)前言Excel 2007 是办公中非常常用的一款软件，其强大的计算和数据分析能力，让它在各个领域都有着广泛的应用。
但是在使用的过程中，我们常常会遇到各种各样的问题，如果我们能够熟练掌握一些 Excel 2007 的技巧，就能够提高工作效率，从而更快速的完成任务。
基础技巧1. 单元格格式设置单元格格式设置是 Excel 中最基础的技巧之一，可以通过设置单元格格式来让我们的数据更加美观、易于阅读。
在 Excel 中，我们可以设置单元格的数字格式、文本格式、日期格式等等。
例如，如果我们想要在单元格中显示货币形式的数据，就可以选择在单元格格式中设置数字格式为“货币”。
2. 单元格内容对齐单元格内容对齐是 Excel 中另一个非常基础的技巧。
通过对单元格内容进行水平对齐和垂直对齐的设置，可以让我们的数据更加美观、易于阅读。
例如，在表格中，我们可以通过设置单元格内容水平对齐方式为“居中”和垂直对齐方式为“居中”，来使表格更加美观。
3. 数据筛选功能Excel 2007 提供了非常方便的数据筛选功能，可以帮助我们快速地进行数据筛选、排序和汇总。
通过设置筛选条件，我们可以快速地找到符合条件的数据。
例如，在 Excel 中，我们可以通过数据菜单中的“自动筛选”命令来快速筛选数据。
另外，我们还可以使用高级筛选功能来进行更加复杂的条件筛选。
4. 公式和函数公式和函数是 Excel 中非常基础的技巧，通过使用公式和函数，我们可以快速地进行计算和数据分析。
例如，我们可以使用 Excel 中的“SUM”函数来求一个区域中所有数据的和；使用“AVERAGE”函数来计算一个区域中所有数据的平均值。
此外，我们还可以使用其他函数来进行更加复杂的计算和数据分析工作。
进阶技巧1. 数据透视表Excel 2007 提供了非常强大的数据透视表功能，可以帮助我们快速地进行数据分析和汇总。
通过设置行、列和值，可以将大量的数据快速地转换成透视表，从而更好地进行数据分析。
第07章 使用表格
7.3 插入和删除表格对象
可以使用菜单栏中的“修改” →“表格”菜单 的子命令，在已经绘制的表格中插入、删除表格对 象。
1. 在表格中插入行和列 2. 在表格中插入表格 3. 删除行、列和表格
在表格中插入行和列
通过表格【属性】面板插入表格的行和列
通过【修改】菜单完成插入表格的行和列
选择“修改” →“表格” →“插入行”命令 选择“修改” →“表格” →“插入列”命令。
在单元格中添加内容
用户可以将光标定位在表格的单元格中， 直接输入文本或图像等网页元素，还可以再 次插入表格对象，这就是表格的“嵌套”， 在许多网页中都应用了表格嵌套。
7.2 移动和复制单元格
可以一次性移动、复制单个表格单元 格或多个单元格，并保留原单元格的格式 设置。
1. 选中表格和单元格 2. 移动和复制单元格
结束
7.1 在Dreamweaver中使用表格
表格由一行或多行组成，每行又由一个或多个单 元格组成。也可以说，表格是多个单元格的集合体。 在网页设计中，表格用于整理复杂的、很难理解的内 容，还可以根据需要设计页面的布局；在网页定位上， 除了具有精准控制的特点外，表格还具有规范、灵活 的特点。 理解表格 插入表格 在单元格中添加内容
选择“修改” →“表格” →“删除行”命令 选择“修改” →“表格” →“删除列”命令。
7.4 合并、拆分单元格
合并单元格
按Ctrl，点单元格，选中表格，在属性面板中点“合并所 选单元格，使用跨度”。
“修改” →“表格” →“合并单元格”
7.4 合并、拆分单元格
拆分单元格 在单元格中单击，选中单元格。点击属性面板中 的“拆分单元格为行或列”，设置拆分方式。
Dreamweaver CS5-ch07-使用表格布局页面
7.2.3 设置列与行的属性
启动Dreamweaver CS5，绘制表格，首先， 需要选中表格对象的行与列，在属性面板 中即可对表格的行与列进行相关的设置。
7.3 编辑与调整表格结构
7.3.1 7.3.2 7.3.3 7.3.4 7.3.5 7.3.6
选择表格及单元格 调整表格和单元格的大小 增加和删除表格的行和列 拆分单元格 合并单元格 剪切、复制、粘贴表格
此时，在窗口中已经将表格排序，通过以上步骤即可 完成排序表格的操作。
7.4.2 导入导出表格数据
启动Dreamweaver CS5，在菜单栏中，选择【插入】→ 【表格对象】→【导入表格数据】菜单项，如图7-44 所示。 弹出【导入表格数据】对话框，单击【数据文件】文 本框右边的【浏览】字样，选择数据文件，在【定界 符】文本框中，选择【逗点】，单击【确定】按钮。 此时，已经将文件导入到窗口中，通过以上步骤即可 完成导入表格式数据的操作方法。
7.3.5 合并单元格
打开Dreamweaver CS5，绘制一个表格，选 中准备合并的单元格，在菜单栏中，选择 【修改】→【表格】→【合并单元格】菜 单项，即可将多个单元格合并成一个单元 格。
7.3.6 剪切、复制、粘贴表格
复制表格的方法与复制文本对象的方法相同，首先， 选中多个单元格对象，在菜单栏中，选择【编辑】→ 【拷贝】菜单项，即可复制表格。 鼠标光标定位于准备粘贴单元格的位置，在菜单栏中， 选择【编辑】→【粘贴】菜单项，即可将所复制的多 个对象粘贴到当前表格中。 剪切表格的方法与剪切文本对象的方法相同，首先， 选中准备剪切的多个单元格对象，在菜单栏中，选择 【编辑】→【剪切】菜单项，即可剪切表格。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3、选择不相邻的单元格
Ctrl+逐个单击
2018年10月21日星期日
28
教育学院
网站建设
第7章使用表格
4、用“标签选择器”选择单元格
插入点置于某单元格中时，在“标签选择器”中单 击<td>，则选中插入点所在单元格。
网页中插入的表格
状态栏中的“标签选择器”
2018年10月21日星期日
29
教育学院
网站建设
2018年10月21日星期日
31
教育学院
网站建设
第7章使用表格
2018年10月21日星期日
教育学院
网站建设
第7章使用表格
border(边框的厚度)
cellpadding (单元格填充)
内容
内容 cellspacing (单元格间距)
内容
内容
2018年10月21日星期日
33
教育学院
网站建设
第7章使用表格
网站建设
2018年10月21日星期日
44
教育学院
第7章使用表格
2018年10月21日星期日
45
教育学院
网站建设
第7章使用表格
2、增加列
方法：右击某列→“表格”—“插入列”/“插入行 或列”； “修改”—“表格”—“插入列”/“插入行或列” 命令。 “插入”—“表格对象”—“在左边插入列”/“在 右边插入列”命令。
第7章使用表格
一、拆分和合并单元格
拆分单元格的操作是将一个单元格拆分为几个连续 的单元格； 拆分 方 法 ：选取一个单元格 ，单击属性面板中的
“拆分单元格为行或列”
的数目。
按钮→填写拆分行（列）
2018年10月21日星期日
37
教育学院
网站建设
第7章使用表格
合并是将多个连续的单元格合并成一个； 合并方法：选取待合并的多个连续的单元格，单击
辅助功能中的标题：用于设置表格标题，该标题在
表格的外侧。(选中后，可知，也作为表格的一部分) 摘要：用于描述表格的相关信息。
2018年10月21日星期日 19 教育学院
网站建设
第7章使用表格
辅助中的标题
2018年10月21日星期日
20
教育学院
网站建设
第7章使用表格
表格宽度菜单：单击表格中的任意位置，在表格的 上方或者下方显示宽度和宽度分布。
7
教育学院
网站建设
第7章使用表格
2018年10月21日星期日
8
教育学院
网站建设
第7章使用表格
常见的网页布局类型：有“国”字型、“匡”字型、
“三”字型、“川”字型等。
网站建设
第7章使用表格
1．“国”字型
网站建设
第7章使用表格
2．“匡”字型
网站建设
第7章使用表格
3．“三”字型网站建设第7章使用表格2018年10月21日星期日
34
教育学院
网站建设
第7章使用表格
2018年10月21日星期日
教育学院
网站建设
第7章使用表格
第五节 设置行、列和单元格的属性
单击某单元格，在属性面板中可以设置其属性，上 半部分为单元格内文本的属性，下半部分为单元格的
属性。
2018年10月21日星期日
36
教育学院
网站建设
第7章使用表格
第四节 设置表格的属性
选择要设置属性的表格区域(可以是整个表格、一行 或一列或一个单元格)后，在属性面板中设置。
2018年10月21日星期日
30
教育学院
网站建设
第7章使用表格
表格：用于设置表格的名称。 行和列：用于设置表格的行数和列数。
宽：用于设置表格的宽度，单位为“百分比”或
“像素”。 填充：用于设置单元格中的内容与边框之间的距离。 （单位：象素）(内边距)，在表格插入对话框称为单 元格边距。 间距：用于设置单元格之间的距离，（单位：象素） 对齐：用于设置表格在网页中的对齐方式。
边框：用于设置表格外边框的宽度。 类：用于设置表格的CSS样式。
单击
按钮，（宽度橡皮擦）可以取消单元格的
宽度设置，使其宽度随单元格的内容自动缩放。 单击 按钮，（高度橡皮擦）可以取消单元格的
高度设置，使其高度随单元格的内容自动调整。 单击 按钮，可以将表格宽度转换为像素。
单击
按钮，可以将表格宽度转换为百分比。
属性面板中的“合并所选单元格”
按钮。
二、设置单元格内容的对齐方式
水平：设置单元格内容在水平方向上的对齐方式，
主要有：默认、左、中、右。 垂直：设置单元格内容在垂直方向上的对齐方式， 主要有：默认、顶端、剧中、底部、基线。
2018年10月21日星期日
38
教育学院
网站建设
第7章使用表格
三、设置单元格背景 选取单元格，在属性面板中的“背景”中添 加背景图片或在“背景颜色”中选取一种颜色 或利用16进制数指定一种颜色；
4）导航栏
各版块栏目的超链接。
网站建设
第7章使用表格
第二节 插入表格
一、创建表格
1、插入表格
在文档窗口的设计视图中，将插入点置于要插入表 格的位置，单击“插入”菜单中的“表格”或单击插 入栏的“常用”中的“插入表格”按钮 Ctrl+Alt+T。 设置行列数以及边框等。 ，或者
2018年10月21日星期日
16
教育学院
网站建设
第7章使用表格
网站建设
第7章使用表格
在对话框中进行选项设置。 行、列数：用于设置插入表格的行数和列数。
表格宽度：用于设置表格的宽度，选择“像素”为
单位时，表格的宽度为固定像素的宽度； 选择“百分比”为单位时，表格的宽度与其上一级 窗口的宽度将保持相同的百分比。 边框粗细：用于设置表格的边框宽度。
表格中插入嵌套表格。
另外,表格内容的排版等。 当然，用户也可以从外部导入其它软件编辑的表格， 如Excel电子表格等。
2018年10月21日星期日
23
教育学院
网站建设
第7章使用表格
2、表格的html标签
<table width="300" border="1"> <tr> <td>a1</td> <td>b1</td> </tr> <tr> <td>a2</td> <td>b2</td> </tr>
2018年10月21日星期日
4
教育学院
网站建设
第7章使用表格
一、版面布局概述
一般情 况 下一个 网 页主要 包 括： LOGO （标志 ） ， Banner （横幅广告条），导航栏，导航菜单，网页正 文，版权声明。 在设计页面布局时，也正是围绕着这些元素展开的。 在页面制作过程中要确定一个页面的布局（版式）， 应该综合考虑如何安置页面中的各种内容，比如标题 文字、导航栏、图片、动画、超链接等。
表格图形时，单击。
将光标指向表格边框，单击鼠标，可以选择整个表 格。 “修改”—“表格”—“选定表格”； 右击，选“表格”—“选定表格”
表格内任意单击，在“标签选择器”中单击<table>
其它方法不常用略。
2018年10月21日星期日 26 教育学院
网站建设
第7章使用表格
二、选择表格的行或列
鼠标指针指向行左边缘或者列的顶边，出现实心箭 头时单击，或者单击并拖动可选择多行或者多列。 从某处按下左键，拖动出一个多行多列的矩形区域。
</table>
2018年10月21日星期日 24 教育学院
网站建设
第7章使用表格
<table> <tr> </table> 表格标记 行标记 </tr>
<td> </td>
单元格标记
2018年10月21日星期日
25
教育学院
网站建设
第7章使用表格
第三节 选择表格
一、选择表格
鼠标指针指向表格左上角，当鼠标指针右下角出现
主讲：韩维良
2018年10月
第7章使用表格
第一节 使用表格对页面进行布局
由于网页的主要组成元素是文字、图形或其它一些 可视化元素（如 Flash 动画、图像或文本段落），为 了不使它们从一个边缘流向另一个边缘，必须将它们
插入到一个“容器”中，这个“容器”就是表格。
表格能将页面划分为任意矩形区域，除了可以使大 量的信息资料有组织地排列起来以便管理外，还可以
插入点置于某单元格中时，在“标签选择器” 单击
<tr>，则选中插入点所在的行。 单击表格宽度菜单中的小三角，选“选择列”
2018年10月21日星期日
27
教育学院
网站建设
第7章使用表格
三、选择单元格
1、选择单个单元格
Ctrl+单击 在单元格中单击，按下Ctrl+A
2、选择相邻的单元格
单击首，Shift+单击尾
2018年10月21日星期日
39
教育学院
网站建设
第7章使用表格
第六节 表格基本操作
一、调整表格大小
1、调整列宽：拖动列右边框。 2、调整行高：拖动行下边框。 3、调整表宽：选中表格，拖动右侧尺寸控点。 4、调整表高：选中表格，拖动底边尺寸控点。
5、同时调整表宽表高：选中表格，拖动右下角尺寸
控点。
2018年10月21日星期日
2018年10月21日星期日