网页设计与制作 DreamweaveCs5第六讲.ppt

《网页设计与制作 DreamweaveCs5第六讲.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第六讲框架6.1认识框架框架能将不同的内容显示在同一个浏览器窗口中,利用这一技术将页面分成不同的区域，分别在这些区域中显示不同的内容框架集的主要作用是决定文档窗口中显示的文档数目、各个文档的大小、文档以何种方式载入框架集。没有框架的框架集添加了框架的框架集框架是比较常用的网页技术。使用框架技术可以将不同的网页文档在同一个浏览器窗口中显示出来。框架最常见的用途是导航，常见的例子是：一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架，比如门户网站的电子邮箱系统绝大多数就应用了框架技术。本讲主要介绍框架的概念、如何创建框架、编辑框架、创建框架超级链接

2、和浮动框架等内容。重点内容是框架的创建和应用，难点是浮动框架。框架和框架集框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的文档。框架集是框架的集合，框架集也是网页文件，它定义了一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的网页内容（noframes部分除外）；框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。注意：如果一个站点包含N个框架的单个页面，则它实际上至少由N+1个单独的网页文档组成：1个框架集文件和N

3、个网页文档，这N个网页文档包含这些框架内初始显示的内容。插入预设的框架集设计和插入框架集6.2创建框架插入预设的框架集创建预定义的框架集步骤如下：（1）要创建预定义的框架集方法很多：可以执行【插入】->【HTML】->【框架】命令子菜单中的预定义框架集，如图6-8所示。也可以是在“插入”栏的“布局”类别中，单击“框架”按钮（）上的下拉箭头，然后选择预定义的框架集，如图所示。还可以通过执行【文件】->【新建】命令打开“新建文档”对话框，在“类别”项中选择“框架集”，再从“框架集”列表中选择所需的框架集来创建框架集，如图所示。图菜单中预定义框架集图工具栏中预定义框架

4、集图“新建文档”对话框－创建框架集“查看”→“可视化助理”→“框架边框”直接点击选择也可选取命令“插入”→“HTML”→“框架”，在弹出的子菜单中选择适当的框架结构（2）接着显示“框架标签辅助功能属性”对话框。可以在此对话框中给各个框架设置个有意义的标题名称，如图所示。图“框架标签辅助功能属性”对话框（3）单击“确定”按钮，就完成了框架集的创建。设计和插入框架集“修改”→“框架页”→“拆分左框架”、“拆分右框架”、“拆分上框架”或“拆分下框架”也可在页面中拖动一个框架边框来垂直或水平切割页面，从框架的一个角部拖动边框可以将文档分割成四个框架（2）执行【修改】->

5、【框架页】中的【拆分左/右/上/下框架】命令，即实现了创建框架集操作。也可以按快捷键【Alt】的同时，拖动任意一条框架边框，可以在垂直如图所示或水平位置如图所示分割文档；按快捷键Alt从一个角上拖动框架边框如下图所示，可以把文档划为4个框架。通常用这种方法创建框架集最为自由、方便。图水平分割文档图垂直分割文档图在垂直和水平位置分割文档创建嵌套框架集一个框架集嵌套在另一个框架集内称作嵌套框架集。一个框架集文件可以包含多个嵌套的框架集。创建嵌套框架集步骤如下：（1）在想要嵌套框架集的框架中定位光标。如下图所示为建立的顶端框架集，定位光标在下框架中。图顶端框架集（2）

6、执行【修改】->【框架页】中的【拆分左/右/上/下框架】命令，或在“插入”栏的“布局”类别中，单击“框架”按钮（）上的下拉箭头，然后选择预定义的框架图标，也可以选择菜单插入框架，然后在子菜单中选择一种框架类型。（3）如图所示为在已有的框架集中嵌套了左侧框架集的效果。中图框架集嵌套左侧框架集效果选定框架和框架集在框架中打开文档保存框架和框架集6.3框架的基本操作选定框架和框架集1利用框架面板选定框架和框架集“窗口”→“框架”在框架面板中选定框架和框架集单击2在文档视窗中选定框架和框架集如要选定一个框架，则需在按住Alt键的同时单击框架内的任意位置；如要选定整个框架

7、集，只要单击任何一个框架边框即可。在文档窗口中选定框架和框架集3移动选项要移动选项到邻近的框架，按住Alt键的同时按下向左箭头或向左箭头；要移动选项到父框架集，按住Alt键的同时按下向上箭头；要移动选项到子框架，按住Alt键的同时按下向下箭头。在框架中打开文档将光标置于要插入文档的框架内“文件”→“在框架中”→“选择HTML文件”对话框选择要插入的文档，然后单击“确定”按钮保存框架和框架集1保存框架打开“另存为”对话框准备以临时文件名来保存2保存框架集要保存框架集文件，选择“文件”→“保存框架页”；要将框架集保存为一个新的文件，选择“文件”→“框架集另存为”；要

8、保存框架内文档，则单击框