龙空技术网

嵌入式框架

碧草青青ing 107

前言:

今天朋友们对“网易css框架”大约比较重视,我们都需要剖析一些“网易css框架”的相关文章。那么小编也在网摘上汇集了一些关于“网易css框架””的相关资讯,希望朋友们能喜欢,看官们一起来学习一下吧!

框架技术可以把浏览器的显示空间分割为几个区域。每个区域可以分别显示不同的页面,而且替换窗口中的内容时,各个窗口之间没有影响,使用框架的优点在于,可以把不同层次的网页中不改变的内容放在一个框架中,把不断改变的内容放到另外一个框架中。

所谓嵌人式框架,就是在网页的表格中嵌人一个框架。该框架可以有滚动条,可以在有限的空间里放无限的东西。

正确使用嵌人式框架,可以为网站的创建带来许多便利,比如在个人网站中,可以将留言内容放在一个嵌人式框架里,这样既方便又漂亮;也可以为框架定义一个名字并在其中显示链接网页,这样就实现了在各个页面之间快速跳转的目的。下面通过一个例子介绍嵌入式框架的应用。

步骤1启动Dreamweaver,新建一个HTML格式的网页文档,并保存文档为“index.html”。打开“页面属性”对话框,设置页面上、下、左、右边距值均为 0。

步骤2 在网页中插人一个2行3列,宽为1000像素,“边框粗细”和“单元格间距”均为0,“单元格边距”为 10 的表格,并设置为“居中对齐”,如图1所示。

步骤3 在表格第1行的3个单元格中分别输入文本“新浪”“搜狐”和“网易”,

并设置第1列为“右对齐”,第2列为“居中对齐”,第3列为“左对齐”,如图所示。

步骤4 将第2行的3个单元格合并,并设置合并后的单元格的对齐方式为“居中对齐”,然后切换至“拆分”视图。

步骤5插人“<iframe></iframe>”代码,将插人点置于<iframe>标签内部,按空格键,弹出“快速标签编辑器”,双击其中的“height”标签

[微风]<iframe width="1000" height="600" scrolling="auto" id="XX" name="main"> </iframe>

参考代码:

<body>

<table width="1000" border="2" cellspacing="0" cellpadding="0">

<tr>

<td width="308" height="82" id="main"><a href=" " target="main">新浪</a ></td>

<td width="356"><a href="; target="main">搜狐</a ><a href="us.html" target="main"></a ></td>

<td width="332"><a href="; target="main">网易</a ></td>

</tr>

<tr>

<td height="494" colspan="3" valign="top"><iframe width="1000" height="600" scrolling="auto" id="XX" name="main"> </iframe>&nbsp;</td>

</tr>

</table>

</body>

标签: #网易css框架