使用框架和层布局网页.docVIP

使用框架和层布局网页 学习要点： 框架结构的的概念 创建框架集和框架 设置框架和框架集属性 层的创建和设置 层的基本操作 创建浮动框架网页 创建上下结构框架网页 利用层制作下拉菜单 框架可以用来划分网页，使不同的文件可以载入不同页面的定义区域中。框架通常用来定义页面的导航区域和内容区域。框架有两个主要部分---框架集和框架。框架集是在一个文档内定义一组框架结构的HTML网页。层是Dreamweaver中另外一种可以进行排版的工具。它可以被定位在页面的任意位置，并且其中可以包含文本、图像等所有可直接插入到网页的对象。 框架结构的概念 框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。当在文件中建立框图架时，Dreamweaver可以创建一个无标题的框架集文件，在每个框架中创建无标题文件，如果某个页面补划分成两个框架，它实际上包含的却是3个独立的文件：一个框架集文件和两个框架内容文件。框架内容文件包含了将出现在页面框架中的内容。 框架可以将文档窗口水平或垂直地分成若干部分，以使用户能够一次浏览更多的内容，在一般情况下，用户需要不停地在文章内容和导航内容之间切换。但是，如果利用框架结构，把导航内容永远固定在页面的顶或右边，那么在任何时候，用户都可以直接选择上边或右边的导航内容，切换到想要浏览的内容。 创建框架集和框架 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。 使用预定义的框架集 选择“文件新建”命令，弹出“新建文档”对话框，在对话框中选择“常规”选项卡，在“类别”列表中选择“框架集”选项，在“框架集”列表中选择相应模式。“创建”。 创建嵌套框架集 在另一个框架集之内的框架集称为嵌套的框架集。一个框架集文件可以包含多个嵌套的框架集。大多数使用框架的网页实际上都使用嵌套的框架，并且在Dreamweaver中大多数预定义的框架集也使用嵌套。如果在一组框架里，不同行或不同列中有不同数目的框架，则要求使用嵌套的框架集。创建嵌套框架集的具体方法： 打开已有框架集，将光标放置在要嵌套的框架中，选择“修改框架页拆分框架”命令，即可。 手动设计框架集 选中框架，将光标放置在框架的边缘，变成拖动图标时，按住鼠标即可拖动修改框架。还可以将光标放置在编辑窗口四角的框架边框交接处，出现十字形光标时按住鼠标拖动。 设置框架和框架集属性 使用插入栏可以在文档中创建框架集，使用框架集中框架图标创建的框架默认属性值为：无边框、无滚动条，在浏览器中无法看到创建的框架，同时不能调整框架的大小，要改变这些属性，需要在“属性”面板中修改相应的选项。 设置框架属性 使用框架“属性”面板可以设置框架的属性。在文档窗口中按住ALT键，然后用鼠标单击一个框架，即可选中该框架。然后在“属性”面板中查看和设置框架的属性 设置框架集属性 设置框架中的链接 框架的基本操作 选择框架和框架集 两种方法：一种是在“框架”面板中选择框架或者框架集，另一种是在文档窗口中选择框架或框架集。 按Shift+F2组合键，打开“框架”面板，在“框架”面板中单击某个框架，即可选择框架；在“框架”面板中单击环绕框架的边框，即可选中框架集；将光指针移动到整个边框位置的同时，按住ALT键，当鼠标指针变为水平方向箭头或是垂直双向箭头时，单击边框即可选中整个框架集。 保存框架和框架集 “文件存全部”命令，整个框架边框会出现一个阴影框，同时会弹出“另存为”对话框。。。。 层的创建和设置 层是一种页面元素，可以将它定位在页面上的任意位置，层可以包含包含文本、图像或其他任何可在文档中插入的内容，利用层可以非常灵活方便地布局网页内容。Dreamweaver8可以方便地在网页上创建层，并精确地定位层，还可以对层进行选择、移动、调整大小和对齐等操作。 创建层 创建层的方法很多，可以通过直接插入或拖动绘制的方法创建层，层一旦被创建，即可通过“层”面板来选中任意一层。创建多个层，不但可以创建平铺式效果又可以创建重叠式效果，还可以创建嵌入式层效果。 通过菜单命令创建层 选择“插入布局对象层”命令，即可插入一个层。 使用“布局”工具栏插入层 单击“布局”工具栏中的层按钮，将光标放置在文档中，当鼠标指针变为十字形状后，拖动鼠标即可绘制一个层。 嵌套层 所谓嵌套层指的是一个层创建在另一个层中，使用嵌套层的优点是确保该层永远定位于其父层的上方。 将光标放置在插入层的位置，选择“插入布局对象层”命令，插入一个新的层，将光标放置在插入的层中，选择“插入布局对象层”命令，插入嵌套层。 层的“属性”面板 选中层后，在“属性”面板中可以设置层的属性。