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”键可以在记录单的输入框中来回切换，方向
向后；。
- 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日星期日