《Dreamweaver CS6 完全自学教程》笔记 第六章:使用表格进行网页布局 |
您所在的位置:网站首页 › 表格编号快捷方法有哪些 › 《Dreamweaver CS6 完全自学教程》笔记 第六章:使用表格进行网页布局 |
文章目录
第六章:使用表格进行网页布局6.1 创建表格6.2 应用表格6.2.1 输入表格内容6.2.2 选定表格元素6.2.3 设置表格与单元格属性实战:制作细线表格
6.2.4 添加和删除行或列6.2.5 单元格的合并及拆分实战:利用表格制作网页
6.2.6 表格排序6.2.7 嵌套表格
6.3 导入和导出表格数据6.3.1 导入表格数据6.3.2 导出表格数据
第六章总结
第六章:使用表格进行网页布局
6.1 创建表格
点击 插入 -> 表格 或快捷键 Ctrl + Alt + T 打开 “表格” 对话框,设置完成后点确定即可。 参数介绍 单元格边距:单元格边框与里面内容之间的距离,多数浏览器默认为 1 像素。标题:有 “无”、“左”、“右”、“两者” 4 种。标题(辅助功能):显示在表格外的表格标题。摘要:表格的说明,可供浏览器读取,但不予显示。 6.2 应用表格 6.2.1 输入表格内容将光标放在要输入的单元格,打字直接输入文本,或点击 插入 -> 图像 输入图像。在输入图像时,若图像大于单元格,则表格的大小会增大到与图像相同。 6.2.2 选定表格元素 选定整行或整列: 将鼠标移到左侧或上侧,当鼠标变成箭头时点击即可。选择不连续的多行或多列: 按住 Ctrl 选取整行或整列。选择连续单元格: 按住左键并拖动,或选取一个单元格,然后按住 Shift 选取另一个。选择不连续的单元格: 按住 Ctrl 点击单元格。全选: 点击一个单元格,按两次 Ctrl + A,或点击一个单元格,点击窗口左下角 标签。 6.2.3 设置表格与单元格属性选定一个表格或单元格后,在属性面板可以进行设置。 参数介绍(表格) 表格:设置表格名称。填充:设置单元格内容与边框的距离。边框:设置边框宽度。参数介绍(单元格) 格式:设置表格中文本的格式。ID:设置单元格的名称。类:选择设置的 CSS 样式。标题:设置单元格的表头。 实战:制作细线表格 6.2.4 添加和删除行或列方法有三种: 将光标放在单元格内,点击 修改 -> 表格 -> 插入行或插入列。将光标放在单元格内,右键,选择 表格 -> 插入行或插入列。快捷键:插入行:Ctrl + M ,插入列:Ctrl + Shift + A插入多行或多列: 点击 修改 -> 表格 -> 插入行或列或者右键,选择 表格 -> 插入行或列。 删除行或列: 选择整行或整列,按 Delete 键。 6.2.5 单元格的合并及拆分单元格合并: 选定要合并的单元格,点击 修改 -> 表格 -> 合并单元格;或者右键选择 表格 -> 合并单元格。 单元格拆分: 将光标放置在要拆分的单元格中,点击 修改 -> 表格 -> 拆分单元格;或者右键选择 表格 -> 拆分单元格。 实战:利用表格制作网页 6.2.6 表格排序在 Dreamweaver 中可以对表格的内容以字母和数字进行排序。 选定需要排序的表格,点击 命令 -> 排序表格,打开 “排序表格” 对话框。注意选择 “按字母排序” 时包括数字在内所有文本按字典序排序。 6.2.7 嵌套表格单元格里是可以嵌套表格的。但是嵌套级数太多会降低网页的下载速度。 6.3 导入和导出表格数据 6.3.1 导入表格数据 点击 文件 -> 导入 -> 表格式数据,浏览选择要导入的文件。在 “定界符” 中选择导入的文件所使用的分隔符。在 “表格宽度” 中选择 “匹配内容" 或 ”设置为“ ,若是选择 ”匹配内容“ 则创建的表格列宽可以容纳最长的句子;若选择 ”设置为“ 则会指定表格宽度。在 “单元格边距” 内可以输入单元格内容与边框的距离。 6.3.2 导出表格数据 将光标放在要导出数据的表格中,点击 文件 -> 导出 -> 表格,打开 “导出表格” 对话框。在 “定界符” 中选择分隔符。在 “换行符” 中选择要导出文件的操作系统,因为不同操作系统有不同的换行符。 第六章总结与上一章类似,内容比较少,但是讲解很精细,而本书以后的内容也基本是以这种方式对不同的功能进行详细介绍。从这章开始,博主打算减少实战内容,因为讲解内容较简单,在看书读博客的过程中使用 Dreamweaver 自己进行尝试就可以很快掌握,不过在后面内容如果有综合运用的实战还是会放到博客上来的。 返回 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |