多语言展示
当前在线:1284今日阅读:19今日分享:20

frame如何使用—网页设计框架

在我们浏览中的很多网站中都会出现导航栏,当我们点击导航栏的各项时,我们发现刷新的不是整个网页或者跳转,而是局部刷新部分页面,导航不变。例如下图,点击红色区域导航,只有蓝色区域发生改变,其他没有变化。
工具/原料
1

txt编辑器

2

搜狗浏览器

方法/步骤
1

创建一个文件夹,并创建先随便创建几个txt文件(用txt文件编写html是一种良好的习惯对于初学者而言)。

2

在每个txt文件下,加入标准规范代码。可以参考下图实例。

3

可以按行分割页面,也可以按列进行分割。很多网站都不是单一一种分割而是嵌套使用。例如如下代码的图示如下: 

4

在对页面进行分割时可以采用像素,也可以采用百分百,每个分割区域就得使用","隔开,如,这两种方式都是将网页分割成两行。具体代码如下:  

5

通过上面代码你也应该注意到没有body元素,frame不能脱离frameSet单独使用,frame不能放在body中,而是用于对整个页面布局的效果。在属性讲解,scrolling(是否滚动窗体),noresize(分割框架大小是否可变)name(作为调用的重要依据,target=“name”),本例我导航页网站和主站实现局部刷新的功能。代码如下: 导航页:   

  • 子网页1
  •    
  • 子网页2
  • 主网页:  主页中name的值和target的值对应时,链接网站就显示在对应框体内,从而实现了局部刷新,就是导航。

    6

    然后将创建的所以txt另存为后缀为.html的文件,并运行双击主网页,对应导航。看到变化。然后点击导航相应的导航栏目,会发现下面刷新网页。

    注意事项

    frame是先把网页横着或竖着切开,然后引用对应页面。

    推荐信息