DreamWeaver第四章_层和框架

第四章使用层和框架布局页面 创建层层的基本操作层和表格的转换框架和框架集的基本操作设置框架和框架集的属性并创建链接 什么是图层 在上网时 你会发现有的网站页面上有个小精灵走来走去 时而在文字或图片上 时而在某些图片下 这是如何实现的呢 实现这种效果有多种方法 而使用图层来完成这种效果是最容易的 什么是图层呢 通俗地讲 图层就象是含有文字或图形等元素的胶片 一张张按顺序叠放在一起 组合起来形成页面的最终效果 图层可以将页面上的元素精确定位 图层中可以加入文本 图片 表格 插件 也可以在里面再嵌套图层 创建层 创建平铺式层没有重叠层面板 窗口 层 F2 中选中 防止重叠 插入工具栏中的 绘制层 鼠标拖出来一个矩形框按住ctrl键可连续绘制多个层创建重叠式层层面板中 防止重叠 的不选中创建嵌入式层被包含在其他层中子层会跟着父层一起移动两种方法 光标定位在要创建子层的父层 选择 插入 布局对象 层 拖动插入栏中的 绘制层 到父层中 设置层的属性 编辑 首选参数 类别中选择 层 显示默认 继承 可见 隐藏宽高背景颜色背景图像嵌套 如果在层中则使用嵌套Netscape4兼容性 插入的层是固定大小的 设置层的属性 设置单个层属性 同时设置多个层的属性 编辑层 使用层面板在层中添加内容光标在层中定位 插入 图像 或 插入栏中选择 图像 或 ctrl alt I 选择层层面板中单击该层的名称单击层的标签单击层的边框多个层 shift 最后选中的 黑色控制柄 移动层光标变成拖动鼠标按方向键 编辑层 防止层重叠层面板上 防止重叠 修改 排列 防止层重叠 当启动防止层重叠选项后 不会自动修正已有的重叠层改变层的堆叠次序 层面板中 选中一个层向上或向下拖单击改变层的编号或 在层的属性面板中 改变 Z轴 的属性 编辑层 调整层的大小拖动层的控制柄按下ctrl 箭头键 微调Shift ctrl 箭头键 网格大小移动属性面板中 输入宽度和高度的值多个层 修改 对齐 设成宽度 高度 相同 对齐层左 右 对齐上缘 对齐下缘 编辑层 显示 隐藏层层面板中的眼睛睁眼 可见 闭眼 隐藏 没眼 继承正文始终是可见的显示 隐藏层动作创建层 取消对层的选择 窗口 行为 单击加号 选择 显示 隐藏层 选择要更改可见性的层 设置可见性 重复上两步 检查默认事件是否是所需的事件两个例子 滑过 单击 层和表格的转换 层可以随便移动层转换成表格 修改 转换 层到表格 层和表格的转换 修改 转换 表格到层 练习 当将鼠标指针划过一个植物的图像时 显示一个层 在该层中显示该植物的生长季节和地区 需要多少阳光 可以长到多大等详细信息 创建和使用框架 框架与框架集的概念创建框架与框架集选择框架与框架集的方法设置框架与框架集的属性使用链接控制框架内容保存框架与框架集文件解决浏览器无法显示框架的问题 框架与框架集 框架可以用来划分网页 是不同的文件可以载入不同页面的定义区域中 框架是一种先进的web技术 它比模板更灵活 可以方便创建使用相同布局的多个页面 框架的最常见用途就是导航框架集是单独的一个html文件 它定义一组框架的布局和属性 包括框架的数目 框架的大小和位置以及在每个框架中初始显示的页面的URL 本身并不保存要在浏览器中显示的html内容每个框架都是独立的html文件 注 一方面 它可以将浏览器显示空间分割成几个部分 每个部分可以独立显示不同的网页 同时对于整个网页设计的整体性的保持也是有利的 但它的缺陷又同样明显 对于不支持框架结构的浏览器 页面信息不能显示 创建框架与框架集 使用预定义创建框架集插入工具栏中的布局类 单击其中的frames 框架集 将当前文档显示在某新框架中选择菜单 文件 新建 在目录中选择框架集 选择框架集类型 单击 创建 预览 创建框架与框架集 自己设计框架集查看 可视化助理 框架边框修改 框架集拆分左框架拆分右框架拆分上框架拆分下框架或 鼠标拖动左右或上下的边框线注 要创建多个框架时 最好拆分而不要合并 拆分拆分插入点所在的框架 选择菜单 修改 框架集 水平或垂直拆分 将框架边框从设计视图的边框线拖到中间即可拆分的框架不靠边 按住alt键拖动框架边框一个框架分成四个 从一角拖起 创建框架与框架集 删除框架将光标放在创建好的框架上 拖动框架至边框上 若页面中有多个框架 可将其拖到福框架的边框上拖动边框不能完全删除一个框架集创建嵌套框架集框架集内的框架集 选择框架与框架集 更改属性前必须选定在文档窗口中选择选定一个框架 按住alt键的同时单击框架内部 边框被虚线环绕选定一个框架集 单击框架集的某一内部框架边框 各框架的所有边框都被淡颜色的虚线环绕同一层次级别上的下 上一框架和框架集 alt 父框架 alt 当前选择框架集的第一个子框架或框架集 alt 选择框架与框架集 在框架面板中选择框架面板能够显示框架集的层次结构框架面板窗口 框架shift F2 设置框架与框架集属性 框架和框架集的属性面板中设置的选中再设置框架名称 源文件 滚动条 边框及边框颜色等可设置框架集的边框 边框颜色及边框宽度等先选取整个框架集 在属性面板上 从Borders下拉菜单中选择 No 同样 将下面的框架体的Borders也设为No 再浏览此页面 框线消失了 编辑框架页面 设置框架中文档的背景颜色光标定位到框架中的文档 修改 页面属性 使用链接控制框架内容要在一个框架中使用链接以打开另一框架中的文档 用户必须设置连接目标Target blank parent self top blank在新的浏览器窗口中打开链接的文档 同时保持当前窗口不变 parent在显示链接的框架的父框架集中打开链接的文档 同时替换整个框架集 self在当前框架中打开链接 同时替换该框架中的内容 top在当前浏览器窗口中打开链接的文档 同时替换所有框架 替换框架文件 文件 在框架中打开 选择html文件用框架面板替换框架文件保存框架和框架集文件框架集文件 untitledframeset html 框架文件 untitledframe html 选中框架集 保存框架集 文件 框架集另存为 光标定位在文档中 保存在框架中显示的文档 文件