第4章_Dreamweave高级操作.pptVIP

第四章 Dreamweaver高级操作 本章内容 4.1 框 架 4.2 层 4.3 模 板 与 库 4.4 行为与时间轴 4.1 框 架 框架技术可以将浏览器显示空间分割成几个部分，每个部分可以独立显示不同的网页，对于整个网页设计的整体性的保持也是有利的； 但它的缺陷又同样明显，对于不支持框架结构的浏览器，页面信息不能显示。 4.1.1 框架的基本操作 1．创建框架和框架集 2．选择框架和框架集 3．设置框架和框架集的属性 4．保存框架和框架集 5．框架中的链接 1．创建框架和框架集 在Dreamweaver CS3中，可以使用两种方式创建框架集： （1）插入预定义的框架集 Dreamweaver CS3中提供了许多预定义的框架结构，插入预定义框架集最常用的方法有两种： 选择“插入”|“HTML”|“框架”命令，从打开的子菜单中选择要插入的框架集。 单击“布局”面板中的预定义框架集按钮，插入相应的框架集。 （2）创建框架集 首先，选择“查看”|“可视化助理”|“框架边框”命令，确保可以显示框架边框。 然后，选择“修改”|“框架页”命令，在子菜单里选择命令创建框架。 最后，将鼠标置于上、下、左或右任意一个边框上，当鼠标形状变成“? ”或“?”时，直接拖动框架边框，在水平方向或垂直方向创建框架即可。 2．选择框架和框架集 首先，选择“窗口”|“框架”命令或按【Shift+F2】组合键打开框架面板。刚开始打开“框架”面板，不包含任何框架。而当在其中插入框架集以后，面板中才会有内容。本面板在整个框架创建中起着决定性的作用。通过“框架”面板可以选择单个框架或者选择框架集。 在“框架”面板中，单击某个框架就可以选中相应的框架。而单击框架集的外围，即可选中框架集。 3．设置框架和框架集的属性 （1）设置框架的属性 选择框架后，打开框架的“属性”面板。 通过框架的“属性”面板，可以设置如下属性： 框架名称：是链接的target属性或脚本在引用该框架时所用名称。 源文件：指定框架中显示的文档。 滚动：设置是否在框架中出现滚动条。 不能调整大小：选择该项后，用户不能拖动框架边框改变框架的大小。 边框：是否显示框架边框。 边框颜色：设置所选边框的颜色。 边框宽度：输入以像素为单位的数值，确定框架左边框与右边框之间的距离。 边框高度：输入以像素为单位的数值，确定框架上边框与下边框之间的距离。 （2）设置框架集的属性 选择框架集后，框架集的“属性”面板也会随之打开 接下来，在“属性”面板中，就可以进行如下设置： 边框：设置是否显示边框。 边框宽度：设置框架集中所有框架的边框宽度。 边框颜色：设置边框的颜色。 行列选定范围：单击左侧或顶部的标签，选择行或列。 值：指定所选择的列或行的高度。 单位：选择适当的单位，一般选择“像素”。 像素：输入以像素为单位的数值，指定所选列或行的绝对大小； 百分比：所选行或相对于框架集大小的百分比； 相对：在选择“像素”和“百分比”空间后，分配剩余的框架空间。 4．保存框架和框架集 首先就要选择框架集，然后选择“文件”|“保存框架集”命令，保存框架集。如果是第一次保存，则弹出“另存为”对话框，此时，就要选择适当的路径及名称。最后保存即可。 如果要保存某个框架，首先要将鼠标放在需要保存的框架内；然后选择“文件”|“保存框架”命令，保存框架。 如果想要保存所有的框架及框架集，直接选择“文件”|“保存全部”命令，就会保存所有打开的文档。 5．框架中的链接 在框架中，单击左边框架中的导航条，在右侧窗口就会显示相应的链接内容。这就需要将左边框架的导航条链接的目标窗口设置为右侧框架窗口。 在为导航条设置链接时，需要指定链接的文件在哪个窗口打开。首先选中导航文本或图片，在其“属性”面板中的“目标文本框”进行设置即可 默认情况下“目标”的下拉列表框中总有四个目标： _blank：在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变； _parent：在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集； _self：在当前框架中打开链接，同时替换该框架中的内容； _top：在当前浏览器窗口中打开链接的文档，同时替换所有框架。 4.1.2 框架的应用 1．设计目标 制作一个使用框架排版的网页，页面一共由三个部分组成：上方的网站标志区、左边的导航区及右边的内容区。在浏览网页时，单击左边区域的某个文本链接，则对应的链接内容就显示在右边区域。自始至终，上方的网站标志和左边的导航栏仍然保留在屏幕上 2．页面分析及准备工作 网页本身是一个框架结构，所以应用“上方及左侧嵌套”结构。 准备一个网页 3．制作步骤 （1）新建一个网页 启动Dreamweaver CS3，选择“文件”|“新建”命令