第六章、布局和层.pptVIP

层与排版 本章目标 层的基本概念 层与表格的相互转换 层的使用技巧 6、布局表格 查看\表格模式\布局模式（ctrl+F6） 二、布局表格 1、绘制嵌套布局表格（单元格） 点击插入栏布局/绘制布局表格 2、设置布局表格（单元格） 单击表格标签或单击阴影处,可移动定位点 单击单元格或CTRL+点击单元格 3、扩展视图 放大表格，一般用于小的单元格和表格，注意编辑的时候要退回标准视图 附：布局与表格 表格定位的原理：先划分大的表格，大的表格中分小的表格，应该尽量避免使用合并和拆分，单一个表格中需要加入新的单元格时，正确的做法是加入多行列的单元格，而不是拆分单元格 布局：用布局表格一个一个划分，尽量避免使用布局单元格，如果使用布局单元格，将无法继续布局，当然你也可以利用布局单元格中插入表格转换为布局表格 层的基本概念 1、定义：可以放任何对象的容器，可以出现在任何位置，也可以层叠，层中还可以有层，会继承上层的特征。 2、 层在网页的定位中使用非常广泛，但用层设计的网页在不同分辨率的显示器上显示时会出现错位现象，不能准确定位。因此层常配合表格、框架等技术来对网页进行设计。 3、DIV 4、分类：普通层+嵌套层（继承复层属性） 5、嵌套于重叠的区别 一、层的基本操作 1、　创建层 2、设置层的属性 3、 层的对齐 4、层与表格的相互转换 1、 创建层 1、插入栏/布局/绘制层按钮 2、插入栏/布局/绘制层，Ctrl+拖动可连续绘制多个层。 3、插入/布局对象/层 2、嵌套层（建立父子关系） 1、建立父层，同时按ALT在层内拖动 2、按住CTRL，将层放到其他层上（层面板中） 3、 3、选泽层 1、层上的标记和层面板中单击 2、SHIFT选多层 3、移动层是，父动子动，子动父不动 4、设置层（多）的属性 5、半透明层 CSS代码中加入： 定义 CSS Filter：alpha（opacity=50） 导入：flash 5、层的默认参数 编辑/首选参数 6 、层与表格的相互转换 修改转换/层到表格 修改转换/表格到层 7、层的八大定律（1） 7、层的八大定律（2） 3.7.3 层的对齐 修改/排列顺序 * * 插入表格 插入DIV 绘制层 标准视图 扩展视图 布局视图 绘制/嵌套布局 绘制布局单元格 上面插入行 下面插入行 左面插入列 右面插入列 使用框架集 导入数据 列宽会随着文字的多少边框 清除单元格高度 保持列宽一致 删除表格嵌套 外表格的变化不会影响到内部的布局表格 最好提前建立跟踪图片定位，CSS的定位和网格定位，在层面板显示 层叠顺序，大的优先 Default（不设置）、inherit（继承）、visible（可见）、hidden（不可见） visible（可见） 、 hidden（不可见） 、 scroll（滚动） 、auto（自动） 可见范围 注意：模板文件和应用模板设计的文档中的层和表格不能转换，有嵌套的层或是有重叠的层也不能转换为表格，空单元格不可转换 为每个层创建一个单元格，中间添加单元格 为每个层创建一个单元格，距离近的话，对齐 有透明的图来填充表格的最后一行 重叠时无法转换 * * *