任务十三框架结构布局网.ppt

网页设计与制作任务十三 框架结构布局网页学习目标理解框架及框架集的概念。掌握框架的创建方法掌握框架面板的使用方法掌握框架及框架集的属性设置掌握框架及框架集的各种操作利用框架制作网页任务十三 框架结构布局网页目录：知识1 框架和框架集知识2 预定义的框架集知识3 自定义框架集知识4 嵌套框架集知识5 保存框架任务1 利用框架制作网页任务2 制作内联式框架网页任务十三 框架结构布局网页知识1 框架和框架集框架可以将浏览器窗口划分为若干个区域，每个区域分别显示不同的网页（HTML文档）。框架集是HTML文件，它向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。框架集的功能是定义一组框架的布局和属性。注意：注意：框架并不是文件。而是存放文档的容器，任何一个框架都可以显示任意一个文档。知识2 预定义的框架集单击【文件】|【新建】命令，在弹出“新建文档”对话框中选择所需的框架集。知识3 自定义框架集新建一个空白的HTML文档后，选择【查看】|【可视化助理】|【框架边框】菜单命令，即可在当前文档中显示出框架的边框。拖动文档窗口四周的边框即可创建新框架。知识4 嵌套框架集选择【窗口】|【框架】菜单命令或按【Shift+F2】键，打开“框架”面板。在下框架中单击鼠标，选择下部框架，拖动文档编辑窗口左边的边框，则可创建出上部固定左侧嵌套的框架。知识5 保存框架1.保存框架文档将光标定位到要保存的框架中，选择【文件】|【保存框架】命令。如将框架另存为新文件，则选择【文件】|【框架另存为】命令。2.保存框架集文档 选中要保存的框架集，选择【文件】|【保存框架页】命令。3.保存框架集中的所有文档 选择【文件】|【保存全部】命令。说明：说明：如果框架集中有框架文档未被保存，则会出现“另存为”对话框，提示保存该文档。如果有多个文档未保存，则会依次打开多个“另存为”对话框。当所有的文档都已保存，Dreamweaver直接以原先保存的框架名保存文档，不再出现“另存为”对话框。任务1 利用框架制作网页任务2 制作内联式框架网页本章结束