2021年表格及面排版.ppt

主要内容
插入表格
表格操作
属性设置
表格装饰页面
表格排版
页面布局
*
表格及面排版
*
插入表格
步骤:
1. 单击插入工具栏/常用/“插入表格”按钮 Ctrl+Alt+T

(1)行/列
(2)单元格填充:单元格内容与边框的距离(默认1像素)
(3)单元格间距:单元格之间的距离(默认2像素)
(4)宽度:单位可以是百分比或像素
(5)边框:表格边框粗细(注意,设置为0时,虚线显示,预览
不可见,主要用于排版)
代码:
表格 : <table>...</table>
行 : <tr>......</tr>
单元格:<td>......</td>
*
表格及面排版
*
输入表格内容
手动添加表格内容
从其他文档导入表格式数据
*
表格及面排版
*
手动添加表格内容
将表格插入到文档后即可向表格添加文本或图像等内容。向表格添加内容的方法很简单，只需将插入点定位到要输入内容的单元格中，再输入文本或插入图像即可。
*
表格及面排版
*
从其他文档导入表格式数据
Dreamweaver 可以将创建在另一个应用程序（如写字板文件）中的数据导入到网页中并设置为表格的格式，而且各数据之间不可以制表符、逗号、冒号、分号或其他分隔符分隔开来。选择插入－表格对像－导入表格式数据 或选择文件－导入－表格式数据
*
表格及面排版
*
改变表格和单元格的宽度与高度
使用属性面板可以非常方便地改变表格和单元格的宽度与高度，也可取消宽度与高度的设置。
通过拖动表格的边框也可轻易改变表格的宽度与高度。
*
表格及面排版
*
表格操作
选取表格元素(p110)
: 通过标签选择器 <table>
光标定位在单元格内,两次Ctrl+A
: 光标定位在行左边缘/列上边缘,： <tr>

单个: 光标定位在单元格中,Ctrl+A或通过标签选择器 <td>
多个: 连续的: Shift+鼠标单击或直接用鼠标在单元格中拖动
不连续: Ctrl+鼠标单击
*
表格及面排版
*
表格操作(P112)
插入行/列
插入一行:修改/表格/插入行或最后单元格按下Tab.
插入一列:修改/表格/插入列
插入多行(多列): 修改/表格/插入行或列
设置属性
删除行/列
选中行/列， 修改/表格/删除行（删除列）
Delete键
单元格的拆分与合并
合并：选中连续单元格，修改/表格/合并单元格
属性检查器“合并单元格”按钮
拆分：光标定位在单元格中, 修改/表格/拆分单元格
属性检查器“拆分单元格”按钮
*
表格及面排版
*
属性设置(P109)
表格属性
背景的设置、边框的设置
在代码中，亮边框，暗边框的设置。
亮边框：表格边框靠外一侧的颜色。代码：bordercolorlight=“颜色“
暗边框：表格边框靠内一侧的颜色。代码：bordercolordark =“颜色“
*
表格及面排版
*
属性设置
单元格属性
背景的设置、对齐方式、单元格宽度
如果指定所有单元格宽度一致，可通过以下办法：
选中所有单元格，将其宽度设为相同大小，如1*10的表格，可将其所有单元格宽度设为 总宽度/10 px或10 %.
*
表格及面排版
*