网页设计_表格、表单和框架.pptVIP

3.3.2 简单框架示例 【例3-11】（Cha3-11.htm）设计一个框架网页，其 中包含左右两个子窗口，分别放置Cha3-6.htm和Cha3-5.htm两个网页，左子窗口占40%。 html headtitle简单框架示例/title/head frameset cols=40%,* frame src=Cha3-6.htm frame src=Cha3-5.htm /frameset html 3.3.3 框架嵌套示例 【例3-12】（Cha3-12.htm）设计框架网页，使显示结果如下图。 分析：页面首先被分割为上下两部分，下面部分又被分割为左右两部分。因此，该页面需要使用框架嵌套方法才能实现，即下面部分还是放一个框架集，而此框架集再分割为左右两部分就可以了。 html headtitle框架嵌套示例/title/head frameset rows=35%,* frame src=../第1章/cha1-1.htm scrolling=no frameset cols=6*,4* frame src= frame src= /frameset /frameset /html 3.3.4 子窗口间互操作 【例3-13】利用框架技术，设计如下图左所示页面。其中的“欢迎进入网页世界”子窗口是可变显示区，当单击左栏中的章标题后，该区显示对应章的内容。（如单击“第3章表格、表单及框架”后的界面如下图右）。 （Cha3-13.htm） 许多网页利用框架把窗口划分成固定显示区和可变显示区，固定的内容显示在一个框架中，如顶标题、目录、标志、导航栏和版权声明等。单击固定显示区的链接可以更新可变显示区的内容，这就是子窗口间的互操作。 子窗口间互操作就是设置链接的显示位置在本网页内的某个子窗口中，利用frame的name属性和a的target属性实现。 分析： 页面的框架结构与例3-12的类似，可套用例3-12的结构得到Cha3-13.htm； 由于有三个子窗口，所以需要设计对应的三个网页： Cha3-13top.htm、 Cha3-13left.htm、 Cha3-13right.htm。 由于目录中有三章标题，因而还必须有三个对应的页面，它们是类似的。为简化， 后面只给出第三章的文档Cha3-13-Cha3.htm； 上面窗口的界面实际就是例3-5中的一部 分，简化例3-5即可得。 3.3.4 子窗口间互操作 !-- 1. 文档 Cha3-13.htm -- html head title框架及其链接/title /head frameset rows=25%,* frame src=cha3-13top.htm name=top scrolling=no frameset cols=36%,* frame src=cha3-13left.htm name=left frame src=cha3-13right.htm name=right /frameset /frameset /html !-- 2. 文档 Cha3-13top.htm -- html body table cellspacing=3 width=100% height=50 tr th colspan=2 font face=隶书 size=6 color=green i网页编程学习网站/i /font /th th background=a1.gif width=40 height=40/th /tr /table /body/html 3.3.4 子窗口间互操作 !-- 3. 文档 Cha3-13left.htm -- html body h3 align=center目#160#160录/h3 a href=Cha3-13-Cha1.htm target=right第1章HTML基础/abr a href=Cha3-13-Cha2.htm target=right第2章列表、图像、超链接 /a br a href=Cha3-13-Cha3.htm target=rig