当前位置:文档之家› 表格及页面排版

表格及页面排版


表格的高级操作
表格的高级操作主要包括对表格的整行内容进行
移动、排序表格内容和导入/导出表格数据等。
1.移动表格整行内容
选中行 并剪切 粘贴
将光标置于要移 动位置的下一行 任意单元格中
2.排序表格内容(P117-P119)
表格作为一种常见的数据处理形式,免不了要对其
中的数据进行排序。
选择“命令”>“排 序表格”菜单,打 开“排序表格”对 话框。
Dreamweaver课件
第六讲
使用表格布局网页
主要内容
插入表格 表格操作 属性设置
表格装饰页面
表格1.
单击插入工具栏/常用/“插入表格”按钮 Ctrl+Alt+T
2.设置 (1)行/列 (2)单元格填充:单元格内容与边框的距离(默认1像素) (3)单元格间距:单元格之间的距离(默认2像素) (4)宽度:单位可以是百分比或像素 (5)边框:表格边框粗细(注意,设置为0时,虚线显示,预览 不可见,主要用于排版) 代码: 表格 : <table>...</table> 行 : <tr>......</tr> 单元格:<td>......</td>
表格数据的导出

因为语言原因,导出的文件只能用写字板 打开才能正确显示其中的数据,在其他程 序中打开会乱码。选中网页中的表格,执 行“文件-导出- 表格”
4. 制作嵌套表格
所谓嵌套表格,就是在一个大表格的某个单元格
里插入一个新表格的情况。
表格装饰(常用)
细边框的设置 表格做细线(与水平线的对比) 插入工具栏/常用/水平线 可在网页中插入水平线
改变表格和单元格的宽度与高度
使用属性面板可以非常方便地改变表格和单元格
的宽度与高度,也可取消宽度与高度的设置。
通过拖动表格的边框也可轻易改变表格的宽度与
高度。
表格操作
选取表格元素(p110)
通过标签选择器 <table> 光标定位在单元格内,两次Ctrl+A 2.选取行/列 : 光标定位在行左边缘/列上边缘,单击.或通过 标签选择器: <tr> 3.选取单元格 单个: 光标定位在单元格中,Ctrl+A或通过标签选择器 <td> 多个: 连续的: Shift+鼠标单击或直接用鼠标在单元格中 拖动 不连续: Ctrl+鼠标单击 1.选取整个表格 :
第五讲总结
表格的使用(插入、操作、属性、应用) 熟练掌握表格排版 熟悉页面布局的使用
表格操作(P112)
插入行/列
插入一行:修改/表格/插入行或最后单元格按下Tab. 插入一列:修改/表格/插入列 插入多行(多列): 修改/表格/插入行或列 设置属性 删除行/列 选中行/列, 修改/表格/删除行(删除列) Delete键 单元格的拆分与合并 合并:选中连续单元格,修改/表格/合并单元格 属性检查器“合并单元格”按钮 拆分:光标定位在单元格中, 修改/表格/拆分单元格 属性检查器“拆分单元格”按钮


不要频繁拆分单元格,尽量通过嵌套完成元素定位,但嵌套 层次要少。 外部一般采取绝对计量方法(即宽度设为像素值) 内部一般采取相对计量方法(即宽度设为%)
要求 熟悉表格标签 灵活运用各项属性设置(间距、填充、背景、对齐方式等) 多看、多练、细心
页面布局
作用:也是用表格排版,可以在页面上随意画出布局
输入表格内容
手动添加表格内容
从其他文档导入表格式数据
手动添加表格内容
将表格插入到文档后即可向表格添加文本或图像 等内容。向表格添加内容的方法很简单,只需将插入 点定位到要输入内容的单元格中,再输入文本或插入 图像即可。
从其他文档导入表格式数据
Dreamweaver 可以将创建在另一个应用 程序(如写字板文件)中的数据导入到网页中 并设置为表格的格式,而且各数据之间不可以 制表符、逗号、冒号、分号或其他分隔符分隔 开来。选择插入-表格对像-导入表格式数据 或选择文件-导入-表格式数据

属性设置(P109)
表格属性
背景的设置、边框的设置 在代码中,亮边框,暗边框的设置。 亮边框:表格边框靠外一侧的颜色。 代码:bordercolorlight=“颜色“ 暗边框:表格边框靠内一侧的颜色。 代码:bordercolordark =“颜色“

属性设置
单元格属性
背景的设置、对齐方式、单元格宽度 如果指定所有单元格宽度一致,可通过以下 办法: 选中所有单元格,将其宽度设为相同大小, 如1*10的表格,可将其所有单元格宽度设 为 总宽度/10 px或10 %.

代码:<hr color=“颜色” width=“宽” size=“高” noshade(阴
影)...>
水平线和其他对象有较大间距,且高度不能精确显示。
用表格做导航栏 熟练掌握表格及单元格属性设置,用表格装饰页面,
美观实用。
表格排版
网页中的大多数元素都是由表格定位. 表格排版时应注意 先规划好大致布局 先建立最外面的表格,然后在其内部创建较小的表格. 让最外面的表格居中.保证在不同分辨率下表格都居中显示.
表格和布局单元格。 步骤: 1. 插入工具栏/布局/布局视图 2. 新建布局表格 3. 新建布局单元格 只有在布局单元格中才能插入对象 按住Ctrl键可连续绘制布局单元格 按住Alt键绘制可取消单元格自动吸附(当单元 格与另一个单元格或表格边框距离小于8像素时, 会自动吸附) 布局单元格不能脱离布局表格而存在
排序后 的表格 选中 表格
3.导入或导出表格内容
在Dreamweaver中,可以将表格的内容导入或导
出,在页面中添加表格时,如果预先有表格数据存储 在记事本或Word等文档中,可以直接将数据导入。
导入的表 格数据
源数据
选择“文件”>“导 入”>“表格式数据”菜单, 打开“导入表格式数据” 对话框
相关主题