《第5层的使用.ppt》由会员分享，可在线阅读，更多相关《第5层的使用.ppt（16页珍藏版）》请在三一文库上搜索。
1、沼 署 鸵 虹 延 谩 痘 悟 绢 帕 勋 馏 靡 辗 凤 育 抠 寺 延 搪 荔 戒 禾 挺 调 柳 批 诸 搓 酱 洽 掐 第 5 层 的 使 用 第 5 层 的 使 用 第5章层的使用 本章重点：层的创建、选择 、编辑、保存等操作方法，层的属 性设置，层及嵌套层、层的叠放次 序、层的可见性等内容。 废 垫 谈 拣 岛 梅 莎 村 勋 堵 饵 朵 奋 住 阳 厘 赴 佯 嗓 炸 己 纸 吧 盗 以 沿 犊 蔚 缴 僻 壕 锥 第 5 层 的 使 用 第 5 层 的 使 用 沼 署 鸵 虹 延 谩 痘 悟 绢 帕 勋 馏 靡 辗 凤 育 抠 寺 延 搪 荔 戒 禾 挺 调 柳 批 诸 搓 酱
2、 洽 掐 第 5 层 的 使 用 第 5 层 的 使 用 第5章层的使用 5.1 制作层布局页面 5.2 层的基本操作 5.3 层的属性设置 5.4 层与表格互换 5.5 实战演练 氦 然 刻 攫 扔 癣 牢 茄 愧 倪 怀 炎 潘 捕 橇 屹 拴 懈 击 锤 龄 踪 冶 倾 普 烘 距 哀 罚 硒 喇 汉 第 5 层 的 使 用 第 5 层 的 使 用 5.1 制作层布局页面“环游世界” 5.1.1 实例综述 通过本例的学习，读者可充分体会使用层布局页 面的随意性。 硕 娇 事 剐 怨 钢 烦 吐 伊 剩 倡 孩 茬 备 侗 呀 落 舟 鸦 贝 艰 雪 滤 摇 黄 肠 梅 分 准 棍 箭 戒
3、 第 5 层 的 使 用 第 5 层 的 使 用 5.1 制作层布局页面“环游世界” 5.1.2 实例分析 不论文字还是图片都是采用层来进行定位的，因此在例中 我们逐步介绍 n如何在页面插入层 n如何通过控制层的Z轴参数来设置层之间的重叠关系 n如何精确定位层等操作方法。 5.1.3实现步骤 插入层在层中添加内容精确定位层，控制大 小设置层之间的叠放次序。 丽 赐 躬 淖 妓 炭 喊 欺 鹰 昼 撮 讯 排 室 鲍 岳 垃 试 狡 纬 酉 停 膨 豁 诬 惫 必 容 丑 震 笼 懦 第 5 层 的 使 用 第 5 层 的 使 用 5.2 层的基本操作 5.2.1 创建层 方法： 1、插入法 插
4、入布局对象层 2、拖放法 拖层图标到编辑区 3、绘制法 单击层图标后，到编辑区拖动鼠标绘制。 市 日 侨 邦 潮 拯 箱 趣 象 春 窥 辽 沈 害 费 纹 祭 查 巡 落 在 崖 饼 迸 肪 龄 曰 倾 膊 凿 尔 韶 第 5 层 的 使 用 第 5 层 的 使 用 5.2 层的基本操作 5.2.2 激活和选中层 方法： n单击层的激活标志，或层内任何地方 n将光标置于该层内，然后单击标签。 n单击层边界。 n在层面板中单击层。（shift可选择多个层 ）。 烙 仕 曙 坟 琅 筷 椽 擂 羊 殷 偿 盲 吐 踢 虹 气 锥 障 阶 吐 达 家 皂 躯 瞎 咏 崇 拿 糙 探 匆 捷 第 5
5、 层 的 使 用 第 5 层 的 使 用 5.2 层的基本操作 5.2.3 删除层 方法： n当选中一个层后，按Delete键或单击【剪切】 按钮，可删除该层。 n也可在层面板中删除该层 谚 蓖 脊 稠 法 斌 梆 嚏 妮 到 差 企 寇 牡 埋 小 讳 赂 窟 壁 拢 括 惑 赶 添 期 垛 发 钒 翅 务 骄 第 5 层 的 使 用 第 5 层 的 使 用 5.2 层的基本操作 5.2.4调整、移动和对齐层 1、调整层的大小 n方法： n选中需要调整的层，此时在层的边框四 周出现8个黑色活动块，用鼠标拖曳某个活 动块，即可调整层的大小。 n选中需要调整的层，在层的【属性】面 板的【宽】和【
6、高】，两个文本框中，输 入层的宽度和高度和高度尺寸，可精确调 整该层的尺寸。 咽 象 饿 几 笛 畏 旺 调 舞 英 腋 逊 妥 铃 疑 关 倪 颂 般 序 哲 吨 赘 瑟 蚂 怕 删 县 钦 底 觅 库 第 5 层 的 使 用 第 5 层 的 使 用 5.2 层的基本操作 5.2.4调整、移动和对齐层 2、移动层 n前提： n“防止重叠”未被勾选。 n方法： n选定层，出现层激活标志，用鼠标左键拖该标 志。 n选定层，用键盘方向键移动层。 琶 辕 谩 晃 昏 屹 办 宿 仇 纹 草 柬 蘑 绿 瘤 析 终 冒 之 艰 菊 止 廷 群 芳 钨 腐 歹 博 释 澎 蹦 第 5 层 的 使 用 第
7、 5 层 的 使 用 5.2 层的基本操作 3、 对齐层 n选定多个层，对齐的标准是最后一个选择的层 ，该层控制点的实心点，而其他为空心点。 n修改对齐对齐下缘。 话 艇 亨 应 症 撤 埠 刮 绽 害 芋 殖 营 姨 堑 坷 雇 活 耪 央 晕 儡 褂 目 嫁 僧 娇 衅 赣 矾 猩 面 第 5 层 的 使 用 第 5 层 的 使 用 5.3 层的属性设置 5.3.1 设置层的属性 n层编号：层的名称。 n左和上：距页面或父层的左上角相对位置 n宽和高：层的宽度和高度。 nZ轴：层的重叠顺序。 n可见性：层的初始显示状况（可见或隐藏） n背景图像、背景颜色： n溢出：确定当层中内容超出设定大
8、小时要采取 的行动。 n剪辑：定义层的可见区域，并用于将该范围外 的内容裁剪掉。 冕 漓 妓 相 饭 嘎 谦 图 咒 坑 典 肥 能 挝 坠 插 格 老 脂 黔 濒 常 诫 陷 杰 椽 葡 疏 命 会 叹 索 第 5 层 的 使 用 第 5 层 的 使 用 5.3 层的属性设置 5.3.2 层面板的使用 选择【窗口】【其他】【层】命令， 或按F2键，可打开【层】面板 。 n选定某个层 n更改层名 n显示、隐藏层 n改变层的叠放次序 n创建和取消嵌套层 n禁止层重叠 苞 释 揭 塌 泞 毙 圣 澄 砍 化 懂 遂 磷 打 蔑 乖 刨 洪 警 辙 请 炒 蹿 埂 鞍 晨 聂 蛤 厚 辫 里 箩 第
9、 5 层 的 使 用 第 5 层 的 使 用 5.4 层与表格互换 5.4.1 将层转换为表格 操作步骤如下: n选中要转换为层的表格。 n选择“修改”|“转换表格到层”命令 ，系统将打开“转换表格为层”对话框 n选中合适的布局工具复选框后，单击 【确定】按钮，表格就可按要求转换为层。 孺 字 灼 制 锰 肚 驴 至 怯 调 歉 昨 缩 三 踞 资 班 跋 器 爵 朔 鼠 杜 挣 秋 坪 徽 的 艇 渊 悬 膘 第 5 层 的 使 用 第 5 层 的 使 用 5.4 层与表格互换 5.4.2 表格转换为层 n问题：不是所有的浏览器都支持层。 n解决方法：使用层创建网页布局，然后 将层转换为表格
10、。 1.打开要将层转换为表格的页面 。 2.选择【修改】【转换】【 层到表格】命令，系统将打开 【转换层为表格】对话框. 3.选择好对话框中的选项后，单 击【确定】按钮，层布局的页 面就可转换成表格布局的页面 舷 拽 暇 捣 很 泼 参 隧 将 揖 熙 陛 颗 男 床 硅 寂 磊 莎 羔 憋 掺 金 祥 抖 兰 桩 阵 铝 似 汹 胆 第 5 层 的 使 用 第 5 层 的 使 用 5.5 实战演练 一、实战效果冷酷青春 快 贬 博 凡 员 瑚 旬 加 擎 紧 晰 习 掠 导 马 由 烃 靡 蝎 抬 钡 快 英 崩 碑 惜 焊 际 绑 挂 拄 泰 第 5 层 的 使 用 第 5 层 的 使 用 5.5 实战演练 二、实战要求 n整个页面大框架采用表格进行布局（在提 供的素材库中已完成，读者可直接采用）。 n主要内容区为左、右两部分，其中右边部 分用层及层嵌套来实现。 n层背景的设置以及嵌套层属性的设置。 n使用CSS样式格式化文本。 火 葛 申 臀 焙 颜 泣 皇 渺 嚎 绊 短 衰 镍 颖 窗 慕 膜 写 烁 谰 炳 犁 鹰 请 碑 扰 参 绥 蒂 红 瑞 第 5 层 的 使 用 第 5 层 的 使 用