框架的设计与操作演示文件修改版.pptVIP

框架的设计与操作 本章主要内容 了解框架和框架集的基本作用 掌握框架和框架集的创建、嵌套和操作 熟悉创建无框架内容 框架和框架集的基础知识 1.框架集 (1).概述 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框 架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件只是 向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关 的信息。框架集对应的HTML标签是frameset (2).框架集属性 框架集属性如下： border: 设置边框粗细，默认是5像素 bordercolor:设置边框颜色 frameborder:指定是否显示边框，“0”代表不显示边框，“1”代表显示边 框。 框架和框架集的基础知识 cols: 用“像素数”和“%”分割左右窗口，“*” 表示剩余部分 rows: 用“像素数”和“%”分割上下窗口，“*” 表示剩余部分 framespacing：表示框架与框架间的保留空白的距离 noresize: 设定框架不能够调节，只要设定了前面的，后面的将继承 2.框架 (1).概述 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中 所显示内容无关的HTML文档。框架对应的HTML标签是frame (2).框架属性 框架属性如下： src: 指示加载的url文件的地址 bordercolor: 设置边框颜色 框架和框架集的基础知识 frameborder: 指示是否要边框，1 显示边框，0 不显示（不提倡使用yes或no ） border: 设置边框粗细 name: 指示框架名称，是连结标记的target所要的参数 noresize: 指示不能调整窗口的大小，省略此项时就可调整 scrolling：指示是否要滚动条，auto 根据需要自动出现，Yes 有，No 无 marginwidth: 设置内容与窗口左右边缘的距离，默认为1 marginheight: 设置内容与窗口上下边缘的边距，默认为1 align: 可选值为left，right，top，middle，bottom 创 建 框 架 1.创建预定义框架集 (1). 概述 在Dreamweaver中，系统提供了15种常见的框架结构。 (2).创建方法 菜单创建法 执行菜单命令“文件/新建”，弹出“新建文档”对话框，在该对话框左边的常 用类别里点击“框架集”，右边则罗列出15个框架集的样式供用户选择 选中所需要的框架集样式，单击“创建”按钮，弹出“框架标签辅助功能属性” 对话框，该对话框用于设置框架辅助功能选项。按实际需要设置好每个框架 的标题名称，也可以取默认值 在“插入”工具栏里选中类别“布局”，点击框架按钮，在弹出的下拉列表中 也可以找到所需要创建的框架 创 建 框 架 2.创建自定义框架 方法如下： 执行命令“查看/可视化助理/框架边框”，使框架在文档中可见 执行下列操作之一，即可创建框架 执行菜单命令“修改/框架集页”，根据需要选择子菜单中的“拆分左框架、拆 分右框架、拆分上框架、拆分下框架”四个选项中任一个菜单，创建相应的框 架 将光标定位到文档窗口的边框线上，按住鼠标左键并拖拽鼠标到相应的位 置，即可创建一个框架。再用鼠标选中边框线，按住鼠标左键并向右拖拽鼠 标，即可将当前网页拆分为两个窗口 选中文档窗口内任意已拆分的边框线并按下Alt 键，即可垂直或水平拆分 当前文档窗口 创 建 框 架 将光标定位到文档窗口的边框任一角上，当光标变成“移动”形状时，按住 鼠标左键并拖拽鼠标，即可将当前窗口拆分成四个窗口 3.创建嵌套框架 (1).概述 在另一个框架集之内的框架集称作嵌套的框架集。一个框架集文件可以包含 多个嵌套的框架集。 (2).创建方法 创建方法如下： 打开已创建的框架网页，将光标定位到希望插入嵌套框架的框架中 选中“插入”工具栏中的类别“布局”选项，在该选项中点击框架按钮，即可 插入嵌套框架 注：用鼠标选中框架线并按住左键拖拽到文档窗口以外即可删除框架。 操 作 框 架 1.概述 选择框架与框架集一般有两种方法以：一种是在“框架”面板中选择框架和框 架集；另一种是在文档窗口选择框架和框架集。 2.在框架面板中选择框架和框架集 方法如下： 打开已创建的框架文档 执行菜单命令“窗口/框架”（Shift+F2），打开框架面板，单击面板中的框 架的边框线内的任意一部分是选中框架，单击四周边框线是选中框架集 3.在文档窗口选择框架和框架集 在文档窗口选择框架和框架集，要借助Alt键，方法如下： 按住Alt键，在文档窗口的某个框架内单击，即可选中此框架，然后将光标移 动到文档的四周边框线上，当光标变成方向箭头时，点鼠标即可选中