第7章 框架的设计与操作.ppt

1、框架的设计与操作,本章主要内容,了解框架和框架集的基本作用掌握框架和框架集的创建、嵌套和操作熟悉创建无框架内容,框架和框架集的基础知识,1.框架集(1).概述框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关的信息。框架集对应的HTML标签是(2).框架集属性框架集属性如下：border:设置边框粗细，默认是5像素bordercolor:设置边框颜色frameborder:指定是否显示边框，“0”代表不显示边框，“1”代表显示边框。,框架和框架

2、集的基础知识,cols:用“像素数”和“%”分割左右窗口，“*”表示剩余部分rows:用“像素数”和“%”分割上下窗口，“*”表示剩余部分framespacing：表示框架与框架间的保留空白的距离noresize:设定框架不能够调节，只要设定了前面的，后面的将继承2.框架(1).概述框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。框架对应的HTML标签是(2).框架属性框架属性如下：src:指示加载的url文件的地址bordercolor:设置边框颜色,框架和框架集的基础知识,frameborder:指示是否要边框，1显示边框，0不显示（不提倡使用

3、yes或no）border:设置边框粗细name:指示框架名称，是连结标记的target所要的参数noresize:指示不能调整窗口的大小，省略此项时就可调整scrolling：指示是否要滚动条，auto根据需要自动出现，Yes有，No无marginwidth:设置内容与窗口左右边缘的距离，默认为1marginheight:设置内容与窗口上下边缘的边距，默认为1align:可选值为left，right，top，middle，bottom,创建框架,1.创建预定义框架集(1).概述在Dreamweaver中，系统提供了15种常见的框架结构。(2).创建方法菜单创建法执行菜单命令“文件/新建”，弹

4、出“新建文档”对话框，在该对话框左边的常用类别里点击“框架集”，右边则罗列出15个框架集的样式供用户选择选中所需要的框架集样式，单击“创建”按钮，弹出“框架标签辅助功能属性”对话框，该对话框用于设置框架辅助功能选项。按实际需要设置好每个框架的标题名称，也可以取默认值在“插入”工具栏里选中类别“布局”，点击框架按钮，在弹出的下拉列表中也可以找到所需要创建的框架,创建框架,2.创建自定义框架方法如下：执行命令“查看/可视化助理/框架边框”，使框架在文档中可见执行下列操作之一，即可创建框架执行菜单命令“修改/框架集页”，根据需要选择子菜单中的“拆分左框架、拆分右框架、拆分上框架、拆分下框架”四个选项

5、中任一个菜单，创建相应的框架将光标定位到文档窗口的边框线上，按住鼠标左键并拖拽鼠标到相应的位置，即可创建一个框架。再用鼠标选中边框线，按住鼠标左键并向右拖拽鼠标，即可将当前网页拆分为两个窗口选中文档窗口内任意已拆分的边框线并按下Alt键，即可垂直或水平拆分当前文档窗口,创建框架,将光标定位到文档窗口的边框任一角上，当光标变成“移动”形状时，按住鼠标左键并拖拽鼠标，即可将当前窗口拆分成四个窗口3.创建嵌套框架(1).概述在另一个框架集之内的框架集称作嵌套的框架集。一个框架集文件可以包含多个嵌套的框架集。(2).创建方法创建方法如下：打开已创建的框架网页，将光标定位到希望插入嵌套框架的框架中选中“

6、插入”工具栏中的类别“布局”选项，在该选项中点击框架按钮，即可插入嵌套框架注：用鼠标选中框架线并按住左键拖拽到文档窗口以外即可删除框架。,操作框架,1.概述选择框架与框架集一般有两种方法以：一种是在“框架”面板中选择框架和框架集；另一种是在文档窗口选择框架和框架集。2.在框架面板中选择框架和框架集方法如下：打开已创建的框架文档执行菜单命令“窗口/框架”（Shift+F2），打开框架面板，单击面板中的框架的边框线内的任意一部分是选中框架，单击四周边框线是选中框架集3.在文档窗口选择框架和框架集在文档窗口选择框架和框架集，要借助Alt键，方法如下：按住Alt键，在文档窗口的某个框架内单击，即可选中

7、此框架，然后将光标移动到文档的四周边框线上，当光标变成方向箭头时，点鼠标即可选中框架集,操作框架,4.保存框架和框架集(1).概述在浏览器中预览框架集前，必须保存框架集文件以及要框架中显示的所有文档。用户可以单独保存每个框架集文件和带框架的文档，也可同时保存框架集文件和框架中出现的所有文档。(2).保存框架将光标放置在希望保存的框架内，然后执行菜单命令“文件/保存框架”，即可保存当前的框架文件(3).保存框架集选中希望保存的框架集，然后执行菜单命令“文件/框架集另存为”即可(4).保存所有框架执行“文件/保存所有框架”，将保存在框架中打开的所有文档，包括框架集文件和所有带有框架的文档,创建无框架内容,1.概述Dreamweaver允许在不支持框架的浏览器中显示其内容，它用noframes标签括起来。当不支持框架的浏览器加载该框架文件时，浏览器只显示用Noframes标签括起来的内容2.创建方法执行菜单命令“修改/框架页/编辑无框架内容”，Dreamweaver将清除“设计