第07章使用框架布局页面解析：.pptVIP

框架也是网页布局的工具之一，它能够将网页分割成几个独立的区域，每个区域显示独立的内容。框架的边框还可以隐藏，从而使其看起来与普通网页没有任何不同。本章将介绍在Dreamweaver CS3中，创建和设置框架的基本方法。 有些浏览器不支持框架技术，Dreamweaver CS3提供了解决这种问题的方法，即编辑“无框架内容”，以使不支持框架的浏览器也可以显示无框架内容。 选择【修改】/【框架集】/【编辑无框架内容】命令，内容输入完毕后，再次选择【修改】/【框架集】/【编辑无框架内容】命令返回到普通视图。 * 第7章　使用框架布局页面 学习目标 了解框架的概念。 掌握创建和保存框架的方法。 掌握编辑框架的方法。 掌握设置框架和框架集属性的方法。 掌握设置框架中链接目标窗口的方法。 掌握为不支持框架的浏览器定义内容的方法。 掌握创建嵌入式框架的方法。 7.1　认识框架 　框架是设计网页时经常用到的一种布局技术。利用框架可以将浏览器窗口分成多个区域，在每个区域显示不同的内容。各个区域之间可以毫无关联，这些区域有各自独立的背景、滚动条和标题等。通过在这些不同的区域之间设置超级链接，就可以在浏览器窗口中呈现出有动有静的效果。 7.2 创建和保存框架 创建框架 保存框架 在框架中打开网页文档 7.2.1 创建框架 　　　Dreamweaver CS3中预先定义了很多种框架集，创建预定义框架集的方法如下。 选择【文件】/【新建】命令，打开【新建文档】对话框，切换到【示例中的页】选项卡，在【示例文件夹】列表中选择【框架集】选项，在右侧的【示例页】列表中选择相应的选项 在欢迎屏幕中，选择【从模板创建】/【框架集】命令 在当前网页中，单击【插入】/【布局】工具栏中 （框架）按钮的 （向下箭头），在弹出的下拉按钮组中单击相应的按钮 在当前网页中，选择菜单栏中的【插入记录】/【HTML】/【框架】中的相应命令 7.2.1 创建框架 7.2.2 保存框架 选择【文件】/【保存全部】命令将依次保存框架集内的所有文件，包括框架集文件和框架文件 在需要保存的框架内单击，然后选择【文件】/【保存框架】命令可以对单个框架文件进行保存 选择【文件】/【框架另存为】命令可以给框架文件改名；如果要将框架保存为模板，可以选择【文件】/【框架另存为模板】命令 在【框架】面板或【设计】视图窗口中选择框架集，然后选择【文件】/【保存框架】命令或【文件】/【框架集另存为】命令可以保存框架集文件 7.2.2 保存框架 7.2.3 在框架中打开网页文档 　　　新创建的每一个框架都是一个空文档，也可以在该框架内直接打开已经预先制作好的文档。将鼠标光标置于框架内，选择【文件】/【在框架中打开】命令，打开文档即可。 7.3 编辑框架 选择框架和框架集 拆分和删除框架 7.3.1 选择框架和框架集 一、在【框架】面板中选择框架和框架集 选择【窗口】/【框架】命令，打开【框架】面板。【框架】面板以缩略图的形式列出了框架集及内部的框架，每个框架中间的文字就是框架的名称。在【框架】面板中，直接单击相应的框架即可选择该框架，单击框架集的边框即可选择该框架集。被选择的框架和框架集，其周围出现黑色细线框。 7.3.1 选择框架和框架集 二、在编辑窗口中选择框架和框架集 按住Alt键不放，在相应的框架内单击鼠标左健即可选择该框架，被选择的框架边框将显示为虚线。单击相应的框架集边框即可选择该框架集，被选择的框架集边框也将显示为虚线。 7.3.2 拆分和删除框架 一、使用菜单命令拆分框架 在菜单栏中选择【修改】/【框架集】菜单中的【拆分左框架】、【拆分右框架】、【拆分上框架】或【拆分下框架】命令可以拆分框架。也可以在【插入】/【布局】工具栏中单击相应的【框架】按钮来拆分框架。这些命令可以用来反复对框架进行拆分，直至满意为止。 7.3.2 拆分和删除框架 二、手动自定义框架集 在菜单栏中选择【查看】/【可视化助理】/【框架边框】命令，显示出当前网页的边框，然后将鼠标光标置于框架最外层边框线上，当鼠标光标变为 时，单击并拖动鼠标到合适的位置即可创建新的框架。 7.3.2 拆分和删除框架 如果将鼠标光标置于最外层框架的边角上，当鼠标光标变为 时，单击并拖动鼠标到合适的位置，可以一次创建垂直和水平的两条边框，将框架分隔为4个框架。 7.3.2 拆分和删除框架 如果拖动内部框架的边角，可以一次调整周围所有框架的大小，但不能创建新的框架。 7.3.2 拆分和删除框架 如要创建新的框架，可以先按住Alt键，然后拖动鼠标光标，可以对框架进行垂直和水平的分隔 7.3.2 拆分和删除框架 三