网页设计与制作4-框架与层.pptVIP

网页设计与制作 4 HTML-框架与层 框架 框架与框架集 框架：是浏览器窗口中的一个区域，可以显示与浏览器窗口中其他区域无关的HTML文件。 框架集：是一个HTML文件。它定义一组框架的布局和属性（包括框架的数目、框架的大小和位置，以及在每个框架中初始显示的html文件的连接路径和文件名） frameset rows=* cols=138,* framespacing=1 frameborder=yes border=1 bordercolor=#0000FF frame src=UntitledFrame-2.html name=leftFrame scrolling=No noresize=noresize id=leftFrame title=leftFrame / frame src=a.html name=mainFrame id=mainFrame title=mainFrame / /frameset 框架 在Dreamweaver中添加框架 选择“插入”工具栏中的“布局”选项卡，单击“框架”按钮；或者在菜单中选择“修改” -“框架集”-“拆分框架” 框架的选择和属性设置 在框架分割线上单击可以选择此分割线所属的最小一级的框架集 按住Alt在某个框架内单击可以选择这个框架 删除时可将框架分割线拖至边框上 选择框架或框架集后，即可在属性框设置其属性 框架 链接设置 通过target属性指定目标网页将在哪一个框架中出现 Eg.a src=“a.htm” alt=“a” target=“myframe1” 链接a标签中target属性值的总结： _blank:在一个新窗口中打开目标网页。 _parent: 在包含此框架的上一级框架中打开。 _self：在本框架或者窗口中打开。 _top:在最上一级框架（即浏览器窗口的全部区域）中打开，目标文件不会位于任何框架内。 层 层(Layer)是一种 HTML 页面元素，您可以将它定位在页面上的任意位置。层可以包含文本、图像、表格、视频等也可以嵌套其他层。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。 层的插入 在「窗口」菜单选“层”，或点「插入」菜单布局对象选“层”（Dreamweaver MX） 选择“插入”工具栏中的“布局”选项卡，单击“插入 AP Div”按钮；或者在菜单中选择“插入记录” -“布局对象”-“AP Div”（CS3版本） AP=Absolute Position 绝对定位 层 层的属性设置： Z轴：值越大，层位置越在上层。浏览器窗口位于第0层 溢出：若层内容大小大于层大小时，做的处理 visible 超出的部分可见 hidden 超出的部分隐藏 scroll 加入滚动条 auto 自动处理 层的常见用途： 层与表格可相互转化（用于布局） 层的位置可被动态修改（用于动画） 层的可见性可被动态修改（用于弹出式菜单） 时间轴 时间轴面板记录了层随着时间变化的属性。选择“窗口”|“时间轴”命令，打开“时间轴”面板；或者Alt+F9快捷键。 时间轴共有33条，可最多控制33个不同的动画。 时间轴可设置自动播放；也可由网页脚本程序控制其播放 设置时间轴动画应尽量简单，提高浏览器速度 对 象 行 为 Dreamweaver提供了一系列对象行为。由网页脚本Javascript实现。 三要素：对象-事件-行为。 当指定对象上产生了指定的事件时就触发指定的行为。 eg.当鼠标在某图片上点击时，开始播放某音乐 对象行为 菜单：窗口行为 选择对象 在行为窗口选择添加的行为 在事件窗口选择对象上发生什么事件时触发此行为