站长学堂
你的位置: 中国个人站长站 -- 站长学堂 -- 网页制作 -- FrontPage教程 -- 文章正文 调整框架
推荐位

调整框架

中国个人站长站 FrontPage教程 点击数: 更新时间:2004-10-24 15:04:55
调整框架(上)


  利用模板所创建的框架,框架的各种属性和样式都是按FRONTPAGE的默认设置来确定的,如果觉得很单调或是用得不方便,我们可以根据自己的需要作修改。
  我们现在改变一下框架的大小:将鼠标移动到框架与框架的边界上,这时鼠标就会变成双向箭头,

改变框架的大小

 选择“框架属性”的菜单 拖动鼠标到合适的位置,框架的大小就改变了。
  我们还能具体设置框架的大小数值:在左框架里单击鼠标右键,选择“框架属性”命令,

“框架属性”窗口

  在“框架大小”选项区内我们可以输入合适的数值,调整框架的大小。
  我们改变宽度的数值,单击数值后面的数值单位下拉列表。在这里要是选择“相对”,那么左框架宽度相对于右框架宽度的倍数将由前面数值框里的数值决定,而如果我们选择百分比,那么数值框里的数值是表示框架相对于浏览器宽度的百分比。在这里我们就选择百分比,单击“确定”按钮,

框架宽度改变后的页面

  你看,这时左框架的宽度就改变了。
  如果在框架里插入的网页太大,框架放不下也没关系,你看,上面这个网页的右框架里就放了一个比自己大的网页,这时框架就会自动弹出滚动条,浏览者就可以通过滚动条滚动框架里的网页了。
  我们也可以具体设置一下滚动条的具体显示方式:
  在左框架上单击鼠标右键,选择“框架属性”命令,

“框架属性”窗口

  单击“显示滚动条”下拉列表,这里有几个选项,
  “在需要时”表示由浏览器自动控制什么时候显示滚动条;
  “从不”表示无论框架里的网页有多大,也不显示滚动条;
  “始终”表示总是显示滚动条。
  现在我们选择“始终”,

网页的滚动条始终显示

  你看,尽管左框架里的网页不需要滚动,但是框架的垂直和水平滚动条都显示出来了。
  刚才的框架属性对话框还有一些选择没有介绍。
  我们再次进入“框架属性”对话框:

“框架属性”对话框


  我们可以改变初始网页的设置来在框架中放入另一个页面;
  如果去除“可在浏览器中调整大小”复选框就可以使浏览者不能改变框架的大小。   边距是指插入网页的正文与框架边界的距离,在默认情况下输入文字的开始处距离框架的左边界和上边界分别为12和16个像素。
  框架网页是设置什么的?其实在FRONTPAGE里是这么处理框架的:我们把所有的框架定义在一个网页里面,这个用来定义所有框架的网页我们叫它框架网页;同时我们把框架里放的网页叫做内容网页。
  现在我们单击“框架网页”按钮, 在这里我们就可以设置框架网页的属性了,单击“框架”选项卡,在这里我们可以调整框架与框架之间的距离,

调整框架间距的窗口

  我们把它改为13,框架间的分隔条就变宽了;
  单击“框架网页”按钮,

去除“显示边框”复选框项

  把去除“显示边框”复选框的选择,单击“确定”按钮。

去除了框架后的页面

  看,框架的分隔边框没有了。

 

调整框架(下)

  
  我们还可以在原有框架的基础上继续分割出新的框架。也就是说把一个框架再分为两个框架。
“框架”菜单  现在我们单击右框架,把它作为要分割的当前框架,选择“框架”菜单的“拆分框架”命令,选择“拆分为行”,

选择“拆分成行”

  单击“确定”按钮。

拆分后的页面

  这和表格中的拆分单元格很象。要是不想拆分了就单击“常用”工具栏上的“撤消”按钮“撤消”按钮
选择“框架”菜单中的“删除框架”  当然利用“撤消”命令只能撤消上一步操作,如果你已经对网页进行了很多调整,然后想把拆分的框架再变成一个框架,就选中一个不想要的框架,然后单击“框架”菜单,选取“删除框架”命令,此框架就被删除了。
  我们还可以用鼠标来分隔分割框架:将鼠标移到左右框架的边界处,这时鼠标变为了双箭头,

用鼠标分隔分割框架

  按住CTRL键拖动鼠标,一个新的框架就分割出来了。
  竖直方向上的框架也基本一样拆分。

  现在右侧框架是左侧框架的目标框架。不过我们可以换一下左框架的目标框架。在普通模式下单击左侧框架选中它,输入“框架示例”几个字,并选中这几个字,

选中“框架示例”

  再点“超级链接”按钮“超级链接”按钮

“创建超链接”按钮

  接着点下面的”目标框架旁边的“更改目标框架”按钮“更改目标框架”按钮。我们单击当前框架网页预览框的右下框架,这时右下框架在预览框里就高亮显示了,

“目标框架”对话框

  单击“确定”按钮,退出“目标框架”对话框,选中“页面1.htm”,选择“确定”,

选择“页面1.htm”

  切换到预览方式,这时我们单击“框架示例”被链接到的网页就显示在右下侧的框架里了。
  在框架网页里链接到的网页不一定必须放在已有框架中,也可以有其他的设置,现在我们仍然进入刚才的“目标框架”对话框:

“目标框架”对话框

  在公用目标区还有四种不同选择:
   “相同框架”表示把链接到的网页在当前选中的框架显示;
   “整页”表示被链接的网页将不考虑框架的设置而占满整个浏览器窗口;
   “新建窗口”表示被链接的网页会创建一个新的浏览器窗口,并在其中显示;
   “父框架”表示把链接的网页放在包含当前框架的父框架内。
  这里要说一下:框架网页就是它定义的每个内容网页的父框架,
  选择“新建”窗口,

选择“新建窗口”

  单击“确定”按钮,在“编辑超链接”窗口中选择“确定”。
  我们用浏览器预览修改后的网页,单击超链接,链接到的网页就在新窗口中打开了。
  如果要为一个框架里的几个超链接设置不同的目标框架,可以针对具体的超链接来设置它的目标框架。
  这一个网页里有两个超链接,

这个页面有两个超链接

  我们点击它们,它们都在右上方的框架里显示,这表示左侧框架的目标框架是右上框架。
  现在我们在“三框架示例”上单击鼠标右键,选择“超链接属性”命令,

“创建超链接”窗口

  单击选择“更改目标框架”按钮,

”目标框架“窗口

  选择“新建窗口”,单击“确定”按钮,选择“确定”。
  这时单击第一个超链接时它在左框架的目标框架里显示,而单击第二个链接时它在就在新的窗口里显示。

5.保存框架与内容网页

  
  现在我们学习框架网页的保存。
  您可能会问:保存也要学习吗?是的,你看,这是一个新建立的双框架网页,

新建立的双框架网页

  我们单击“保存”按钮“保存”按钮

“另存为”对话框(保存左框架)

  那么“另存为”对话框右侧的图片是什么意思呢?
  一个双框架网页由三个网页构成,一个用来定义每个框架,也就是框架网页,还有两个是内容网页。右侧的图片表示现在要保存的是左框架的内容网页,我们输入网页的名称“left.htm”,单击“保存”按钮,
  现在我们保存右框架的内容网页,输入文件名称“right.htm”,

“另存为”对话框(保存右框架)

  现在要保存框架网页了,操作方法是一样的,

“另存为”对话框

  你看,现在整个框架都选中了,我们输入框架网页的名称“main.htm”,单击“保存”按钮,这下框架网页才保存完毕。
  看吧,原来这和保存普通网页是不一样的。

“框架”菜单  如果只想保存某一个内容网页,比如只保存左框架的内容网页。
  单击左框架内容网页,使左框架选中,打开“框架”菜单,选择“保存”命令,这时左框架的内容网页就保存了。

  好了,这一课我们就讲这些,框架的内容很重要,它可以使我们的网页布局更合理,条理更清晰,所以现在许多网站都使用了框架。当你有一些内容不知道放在网页的哪个部分好时,别忘了使用框架哟。

佚名 文章录入:humianzhizhou    责任编辑:swh 
个人站长站与你风雨同舟!
本站所提供的资源均来源于互联网,如有侵权行为,请与本站管理员联系,我们会第一时间删除!
·如果您发现《调整框架》文章有错误,也请通知我们修改!
联系邮箱chinageren#126.com,谢谢支持!
站内搜索:
广告服务 | 友情链接 | 联系我们 | 免责声明 | 用户留言 | 网站导航
版权所有:中国个人站长站 2007-2008 未经授权禁止复制或建立镜像 客服QQ号:112731235
copyright © 2007-2008 www.ChinaGeRen.com online services. all rights reserved. 苏ICP备05000059号