CSS教程之网页制造基本技能 框架(帧窗口)间的交互
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。在多窗口的分帧页面中,各分窗口之间的信息交互是常常的事。在导航窗口中点了超等链接,那末怎样在另外一窗口中翻开链接的网页呢?我在这个窗口中按下按钮,能在另外一个窗口中写信息吗?窗口那末多,又怎样辨认窗口呢?请看上面的例子。
1、在导航窗口点击链接,在另外一窗口翻开网页
现有一分帧页面如上图所示的,A窗口是网站logo及告白,B窗口是导航栏,C是显现页面的窗口。该分帧页面的源代码为:
若请求在B窗口中的链接页面(test.htm)在C窗口中翻开,那末B窗口中的链策应如许写:<aherf="test.htm"target="mailFrame">此链接的页面在C窗口中翻开</a>,在这里起关头感化的是<A>标志中的target参数,你想在谁人窗口中翻开网页,就在Target参数中设置谁人窗口的称号。
2、在B窗口中按下一个按钮,在C窗口中写一行字
本例的页面格局与上例不异,完成后的效果是如许的:按下B窗口中“在C窗口写字”的按钮后,在C窗口中就呈现一行笔墨“嗨!你好!这是经由过程B窗口把持而写的字。”。分帧页面的代码及每一个窗口中的网页文件与上例不异。
制造办法:
1、在C窗口网页(mainpage.htm)的源代码<head>与</head>之间拔出上面这段Javascript程序:
<pclass="code"/> 这段程序的感化是在以后窗口写上一段笔墨。
2、那末怎样在B窗口中挪用C窗口中的程序呢?先看B窗口中“在C窗口中写字”这个按钮的源代码:
在这段代码中,关头是代码“parent.mainFrame”,这里引进一个新的观点―窗口布局干系,也就是在多窗口页面中,各窗口之间的干系是以甚么准绳来断定的。窗口干系切实其实定准绳是:以后窗口支解出来的窗口为以后窗口的“子窗口”(children),那末以后窗口就是支解出来窗口的“父窗口”(parent)。如本例中各窗口的干系以下:
从上表可得知,“扫瞄器窗口”是“topFrame”和“下部窗口”的“父窗口”,而下部窗口又是“leftFrame”和“mainFrame”两个窗口的“父窗口”。两个窗口之间的接洽必需经由过程它们的父窗谈锋能举行,以是本例中要挪用C窗口中网页上的“htest()”很明显是经由过程C与B的parent再到mainFrame,然后挪用htest()程序。
那末若C窗口中向B窗口中写字的代码就是如许的了:onclick="parent.leftFrame.htest()";那末,在A窗口中要向C窗口中写一段笔墨的代码你晓得如何写吗?对了,就是如许:onclick="grandchildren.mainFrame.htest()"。
从下面的例子中可看出,在各窗口之间举行交互信息,关头的成绩是要弄分明窗口与窗口之间的干系,别的的操纵就对照复杂了。
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
页:
[1]