《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，或点击一个单元格，点击窗口左下角 <table> 标签。
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 自己进行尝试就可以很快掌握，不过在后面内容如果有综合运用的实战还是会放到博客上来的。
《Dreamweaver CS6 完全自学教程》笔记 第六章：使用表格进行网页布局相关推荐
- 《Dreamweaver CS6 完全自学教程》笔记
声明: 博主完全采用自学方式进行学习,内用不够严谨,学习路线不够系统,仅可用作参考,如有错误请及时指正. 博主主要参考<Dreamweaver CS6 完全自学教程>这本书进行学习,但不限 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十七章：Spry 框架技术
文章目录 第十七章:Spry 框架技术 17.1 Spry 菜单栏 17.1.1 插入 Spry 菜单栏 17.1.2 设置 Spry 菜单栏的属性 17.1.3 设置菜单项的尺寸 17.2 Spry ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十四章：使用 CSS 设计网页
文章目录 第十四章:使用 CSS 设计网页 14.1 CSS 样式表简介 14.2 CSS 的基本语法 14.3 伪类.伪元素以及样式表的层叠顺序 14.3.1 伪类和伪元素 14.3.2 样式表的层 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十三章：Dreamweaver 中的 HTML 代码
文章目录 第十三章:Dreamweaver 中的 HTML 代码 13.1 HTML 介绍 13.2 HTML 的基本结构 13.2.1 单标签 13.2.2 双标签 13.2.3 标签属性 13.3 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第五章：网页中的图像编辑
文章目录 第五章:网页中的图像编辑 5.1 图像占位符 5.1.1 插入图像占位符 5.1.2 将图像占位符替换为图像 技术专题:预览网页时不显示图像的问题 5.2 交互式图像 实战:创建网页导航条 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十章：表单的使用
文章目录 第十章:表单的使用 10.1表单概述 技术专题:表单的工作流程 10.2表单的创建及设置 10.2.1 创建表单 10.2.2 设置表单属性 10.3 创建表单对象 10.3.1 创建文本域 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十二章：框架的应用
文章目录 第十二章:框架的应用 12.1 创建框架或框架集 12.1.1 创建自定义框架 12.1.2 创建预定义框架 技术专题:框架的拆分与合并 12.1.3 创建嵌套框架 12.2 框架和框架集的 ...
- 《Dreamweaver CS6 完全自学教程》笔记 附录：Dreamweaver 常用快捷键、HTML 代码标签、CSS 属性
返回
- 《Adobe Dreamweaver CS6中文版经典教程》——第2课 HTML基础2.1 什么是HTML
本节书摘来自异步社区<Adobe Dreamweaver CS6中文版经典教程>一书中的第2 章,第2.1节,作者:[美]Adobe公司 更多章节内容可以访问云栖社区"异步社区& ...
最新文章
- 如何在分布式场景下生成全局唯一 ID ？
- DFS Gym 100553J Jokewithpermutation
- MySQL事务的四种隔离级别，mysql中的不可重复读和幻读的区别，Repeatable read可重复读隔离级别下怎么不存在幻读问题？
- 实事求是来讲，比较艰难的环境能够激发人的斗志
- 【DND图形库】四、文本绘制和按键检测
- 浅析epoll – epoll例子以及分析
- 机器学习在高德起点抓路中的应用实践
- JS关键字和保留字汇总(小记)
- jmeter 添加虚拟IP
- mysql 大小写敏感设置_MySQL 中的大小写敏感设置
- c语言 怎么访问64位地址_大神用10000字总结了嵌入式C语言必学知识点……
- 提高JQ效率的一些建议
- 咏南IOCP REST中间件
- 原生js写小球向右移动移动一定距离停止运动及小球加速运动
- Redis的下载安装
- 从董明珠称格力将会接入鸿蒙系统，是否可以看出手机圈的不堪？
- PHP的WMB队列消费代理的实现
- 笔记本无线自动配置服务器,笔记本无线网卡充当路由器组建局域网
- 美国华盛顿州通过 ArcBlock 支持的区块链法案
- 用纯CSS实现优雅的tab页