javascript网页设计-窗口框架.ppt

第 7 章 窗 口 框 架 第7章 窗口框架 7.1 窗口框架简介 7.1.1 什么是窗口框架 在介绍窗口框架文档之前，先来看看其应用实例，有一个感性认识，见下图。 包含Frameset结构的HTML文件 说　　　明 7.1.3 窗口框架的分割方式 7.2 窗口框架控制 7.2.1 框架设置标签frameset 一、水平/垂直分割窗口属性rows/cols 示例：横向与纵向同时分割 示例：嵌套分割 二、设置窗口框架宽度属性border 示例：框架宽度设置 三、设置边框颜色属性bordercolor 示例：框架颜色设置 四、设置框架隐藏属性frameborder 示例：框的设置 5．设置边距属性marginwidth /marginheight 分析第一个例子 target属性 target属性 target属性 示例： 示例： 7.4 浮动窗口 属性说明： 属性说明： 示例： 示例： file1.htm 示例：file2.htm 示例： file3.htm ========== 7-5Frontpage中框架的建立 7-5-1 如何建立框架 　　　在FrontPage 2002的任何一种查看模式下，都可以执行菜单栏的“文件/新建/网页或站点”命令，再从右边的“新建网页或站点”视图中选择“网页模板”，然后再切换到“框架网页”标签页。 7-5-1　如何建立框架 7-5-1　如何建立框架 　在“框架网页”标签页中有10种框架样式供用户参考。 1）横幅和目录 2）目录 3）页脚 4）脚注 5）标题、页脚和目录 6）水平拆分 7）嵌套式层次结构 8）垂直拆分 9）由顶向下的层次结构　10）标题 7-5-1　如何建立框架 　“目录”样式的框架网页。 7-5-2　如何链接已存在的网页 　当“框架”的样式选定后，就分别在左右框架内单击“设置初始网页(I)”按钮，将已编辑好的网页分别放入左右框架中。 7-5-2　如何链接已存在的网页 单击框架内的“设置初始网页”按钮，选择要链接的HTML文件。 7-5-2　如何链接已存在的网页 7-5-2　如何链接已存在的网页 　FrontPage要将某个网页放入框架内，是以“超链接”方式来操作的，所以要放入框架的网页，必须事先在FrontPage 2002中编辑保存好。 7-5-3　如何保存网页 　当框架网页做好后，执行菜单栏的“文件/保存”命令，即可将其保存到网站目录下。 使用浏览器打开保存的框架网页，即可看到浏览器窗口中包含多个页面的框架网页。 7-5-3　如何保存网页 　 7-5-4　如何在框架中产生空白页面 　可使用“新建网页”按钮在框架内产生空白页面直接编辑制作网页。 7-5-4　如何在框架中产生空白页面 　可使用“新建网页”按钮在框架内产生空白页面直接编辑制作网页。 7-5-5　如何调整框架大小 　框架建立好之后，还可对框架的大小、样式等作调整。 7-5-6　如何增加框架数目 　可以在已经制作完成的框架内再增加框架的数据。方法有两种： 一、使用菜单栏命令 　（1）选取要增加框架数目的框架，譬如将左框架分成上下两列，先将光标移到左框架并单击有关选项。 7-5-6　如何增加框架数目 　 7-5-6　如何增加框架数目 一、使用菜单栏命令 　（2）执行菜单栏的“框架/拆分框架”命令，选择要分割的框架样式。 7-5-6　如何增加框架数目 7-5-6　如何增加框架数目 二、用鼠标直接拖动 　　按着Ctrl键不放，直接用鼠标拖动框架的分隔线到指定的位置即可。 7-5-6　如何增加框架数目 二、用鼠标直接拖动 　　按着Ctrl键不放，直接用鼠标拖动框架的分隔线到指定的位置即可。 7-5-7　如何删除框架 　　要删除多余的框架，可先选取要删除的框架，然后再执行“框架/删除框架”命令即可删掉多余的框架。 7-5-8　如何观看页面链接 　　当在网页编辑模式下，将框架内的页面都设计完成后，接着便可切换到“超链接”查看模式中，来预览整个含有框架网页的链接状况。 7-5-8　如何观看页面链接 　　 7-6　如何设置框架属性 　　 “框架”和表格、图片一样都各有其属性值，可以通过改变“框架”的属性来达到修改框架的目的。 7-6　如何设置框架属性 （1）选取要改变属性的框架。 （2）在该框架内单击鼠标右键，在其弹出的快捷菜单栏中选取“框架属性”选项。 （3）在“框架属性”对话框中修改框架属性。 7-6　如何设置框架属性 　　 7-6　如何设置框架属性 　　 7-6-1　如何调整分隔线宽度 　　 调整框架分隔线宽度的操作在 “框架属性” 对话框中完成。 （1）单击“框架网页”按钮，调出“网页属性”对话框，再选取“框架”标