用IFRAME建立网上阅览室

 更新时间:2016年9月20日 19:02  点击:1673
随着Internet在中国的飞速发展和不断普及,越来越多的人将网络作为获取信息、学习知识的最佳工具。国内外的各种传统媒体也争先恐后地在网上推出电子版:如《电脑报》、《光明日报》、《中国青年报》等等。于是,在网上读书看报就成了网虫兼书虫们乐此不疲的开心事了。
  开启七八个浏览器窗口虽然可同时看几个网站,但浏览器窗口越开越多,机器的资源就越发紧张。对于那些喜欢在上网的同时听听MP3音乐的人来说,常常就只能忍痛割爱了(内存不够!)。有没有什么好的解决办法呢?
  最容易想到的办法就是使用HTML语言中的Frame框架。设计过主页的朋友都知道,使用Frame可以将页面划分成几个互不影响的框架,每个框架中可以加载一个页面。而且,不同框架中的页面之间可以没有任何关系。这样可以充分地利用页面空间,加大页面的信息量。但是,Frame有个缺陷:只能将浏览器的窗口进行划分,对于大于Frame大小的页面就只能加上滚动条来移动显示窗口,很不方便。虽然,利用Frame,将不同的报刊站点放在不同的Frame中显示,可以减少同时打开浏览器的数目,但是,狭小的阅读空间却让人无法忍受!
  其实,HTML语言中还有一个与Frame有着亲缘关系的标签IFRAME,利用它可以让我们达到目的。IFRAME是Inline Frame的缩写,称为内联框架。使用IFRAME,网页的设计者可以在HTML页面的任何地方插入一个内联框架,而不必像使用Frame前需要在一个主页面里用FrameSet标签为每个Frame划分空间。与一般的Frame不同的是,每个IFRAME可以独立地定义其大小,而不是瓜分本来就不大的一个浏览器窗口!也就是说,一个IFRAME可以和浏览器窗口一样大,甚至更大!这样,显示空间的问题也解决了。
  下面的一个HTML页面文件,就是用IFRAME设计的一个“网上阅览室”。在一个页面上,IFRAME实现了同时显示三个不同报刊站点的内容,而每个站点的显示空间都是一个整屏!向Frame说再见吧!
  你可以改变IFRAME的SRC属性,让它指向你所喜欢的报刊站点,定制你自己的网上阅览室!
  注:请使用IE浏览器(3.0以上),Netscape不支持该标签。
  《html》
  《head》
  《title》网上阅览室《/title》
  《/head》
  《body》
  《p align=″center″》《big》《font color=″#0000FF″ face=″楷体_GB2312″》《strong》《big》《big》我的网上阅览室《/big》《/big》《/strong》《/font》《/big》《/p》
  《p align=″center″》《font color=″#FF0000″》光明日报《/font》《/p》
  《IFRAME height=450 width=100% src=″http://www.gmd.com.cn/″》
  《/IFRAME》
  《p align=″center″》 《/p》
  《p align=″center″》《font color=″#FF0000″》电脑报《/font》《/p》
  《IFRAME height=450 width=100% src=″http://www.cpcw.com″》
  《/IFRAME》
  《p align=″center″》 《/p》
  《p align=″center″》《font color=″#FF0000″》中国青年报《/font》《/p》
  《IFRAME height=450 width=100% src=″http://www.cyd.com.cn″》
  《/IFRAME》
  《/body》
  《/html》
(陕西 陈剑)

  初学者在使用表格时,可能会遇到各种问题,由于对标记还不是很熟悉,所以往往对这些问题感到莫名其妙,一筹莫展。有时侯甚至因为在这些问题上纠缠不清而最终心烦意乱丧失了继续学习的兴趣。所以在这里,我们列出了表格使用过程中最常见的问题来加以分析,希望能给大家带来帮助

  1.表格的变形问题

  网页在不同的屏幕分辨率、或改变窗口时常出现一些页面变形情况,这也是最另人恼火的事,怎么办呢?秋实曾在天极网页陶吧撰文详细的阐述过这个问题,我们来看看他是怎么解决的。

  A、因为表格排列设置而在不同分辨率下所出现的错位

  这种变形情况是:

  1、在800*600的分辨率下时,一切正常,而到了1024*800时,则多个表格或者有的居中,有的却左排列或右排列,很难看,这是什么原因呢?

  在解决这个问题之前,我们讲一下表格的排列。表格有左、中、右三种排列方式,如果没特别进行设置,则默认为居左排列,不用说了,这就是问题之所在。在800*600的分辨率下,表格恰好就有编辑区域那么宽,不容易察觉,而到了1024*800的时候,就出现的,解决的办法比较简单,即都设置为居中,或左或右。

  2、同样是这种分辨率切换,表格的上下排列不一致。

  上边的所说的是水平错位,而这种则是纵向错位,多发生在一个表格单元里嵌入另一个表格的情况。其原因在于,嵌入的表格默认为竖向居中排列,在800*600分辨率时,这种错位看不出来,而到1024*800就出现了,解决办法如前,根据情况对排列进行设置,而不是采用其默认设置。

  B、采用百分比而出现的变形

  这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时窗口的宽度的,常出现在IE浏览器中,随便改动主页窗口的大小时,表格的内容也随之错位、变形,这是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。

  当然了,解决办法是不要设置成百分比,我提倡的是,如果表格没有外围嵌套标记,则将宽等设置成固定宽度,如有外围嵌套标记,则将外转嵌套标记的宽度设置为固定值,而表格的宽或高可设置为百分比,这样就不会出现变形了。

  

C、表格单元格之间互相干扰引起的变形

  这种变形情况通常是在工具里制作主页时没有空隙,而在浏览时却发现莫名其妙地多出一些空隙,而又不知原因在哪,很是令人讨厌。

  本人也经常遇到类似的情况,解决办法一是先看表格设置有没有上面所谈的两种情况,如没有,可能就是在划分表格时,同一行的单元格之间相互牵制所出现的问题。

  我们知道,同一行的表格单元在诸如DreamWeaver 或FrontPage中经常频繁地被拆分,所以,同一行的单元格与另一个单元格的宽与高不一致,这时,你就要注意两个单元格属性:colspan、rowspan。colspan表示的是横向扩展,而rowspan则表示的是纵向扩展,这个扩展的意思即当前表格单元相邻的横向与竖向的表格单元数,也可这样理解为表格单元的高或宽是相邻几个表格单元的高或宽的相加和,如下图。


    


  这个单元格横向所占用的宽度是3个表格单元的宽度(这里取最大值),即colspan=3;而竖向的高度是三个表格单元高度的总和,即rowspan=3。

<

  1、我Frontpage作网页,插入了一个下拉表单,可怎么改也不能用,不知为什么?

  答:用网页制作软件作出来的下拉表单是不能用的。因为它得需要服务器组件支持。要想能正常使用,必须再对源代码作作小手术。一年前,我经过从源文件中反复比较自己作的下拉表单和从网上找到的下拉表单,经过修改,作了一个如下形式的一个下拉表单源代码。你可将其拷贝到你网页的源文件中,再浏览一下,看看是不是你想要的效果?如果是的话,

再据自己所需修改成自己的(并可在源文件中再用拷贝的方式添加多个项并修改)。

  <select name="select" onchange="javascript:window.open(this.options[this.selectedIndex].value)" size="1" style="COLOR: #0000ff; FONT-SIZE:10pt; background-color:#FEF1DE">

  <option selected value="../index.html">***我的免费邮箱***</option>

  <option value="http://ail.sina.com.cn/">新浪免费邮箱</option>

  <option value="http://freemail.163.com/">网易个人免费邮箱</option>

  <option value="http://mail.sohu.com/">搜狐个人免费邮箱</option>

  2、我用Frontpage 2000制作网页,传到我的免费主页空间后,插入的横幅广告管理器不能用,请问该如何办?

  答:在Windows 98系统下用Frontpage作叶子,只要是利用了“插入横幅广告管理器”,就会自动在网叶的同一目录产生两个扩展名为CLASS文件(“fprotate.class”和“fprotatx.class”),是自动从Windows 中调进来的,是运行这个横幅广告管理器所必须的,这二者的修改日期都是“98-12-5”(也就是Windows 98版权日吧)!如果你在本机上你的网页所在目录下,认为这两个莫名其妙的小家伙无用而DEL掉的话,呵呵~~横幅广告管理器它就不运行了!即使你没DEL掉,也就只是在本机上还行,但你若没一块上传的话,从互联网上到你的空间浏览时也一定不显示。当然了,也有可能你所用的免费空间本身不支持用户的这一方法产生的横幅广告管理器!

  3、我在用Frontpage制作网页,怎么才能使超链接在新的窗口中打开呢?

  答:先选中你要用作超链接的元素(文本或图片),点按快捷工具栏中的超链接图标按钮(或用右键点选“超链接”命令),在随后弹出的“创建超链接”对话框中:若你要链接到的是本地机的页面文件,利用浏览按钮找到相关页面;你若要链到的是INTERNET上的页面,则须在URL中输入相关页面的路径!然后(这是你问题的关键之所在),点按“目标框架”右侧的“更改目标框架”按钮,在随后的“目标框架”对话框中选取“新建窗口”!(注意到此时,同时在下方的“目标设置”文本框中会有一个“_blank”的显示);“确定”再“确定”后预览或保存后用浏览器看一下?呵呵:)另外,其实你若懂HTML语言的话,只须到页面的源文件中,找到相关的链接语句后,在链接语句内部加一句“target=_blank”即可!

  4、我在用Frontpage制作网页,如何去掉超链接下面的横线呢?

  答:你若用的是FrontPage XP,先选中你的超链接,点击右键后在弹开的菜单中选中字体,再在弹开的表格中去掉“下划线”选项前面的“√”并确定就行了!若用的是Frontpage 2000,没有“下划线”这一项,只有在HTML中手动加入某些CSS代码!如下面是我修改好的一段CSS代码(其中的四句“TEXT-DECORATION: none”即表示无下划线),在你的网页的HTML源文件的<HEAD>与</HEAD>之间加入即可:

  <STYLE type=text/css>

  A:link {

  COLOR: #000ffff; TEXT-DECORATION: none //作了链接的文本颜色及下划线样式

  }

  A:hover {

  COLOR: #fff000; TEXT-DECORATION: none //鼠栏指向链接文本时的颜色及下划线样式

  }

  A:active {

  1、下载类站点

  优点:很容易拉升人气,不需要很多的宣传,更新也不用像新闻那样

  缺点:太多了,呵呵,另外,如果不是盗连,你要考虑你的空间能撑多久。所以,个人认为,个人站点最开始不宜做依赖或占用资源(空间、带宽,人力等)过大的项目。

  2、影音类

  现在正在反盗版,要版税,打官司,小心就会找到你,长期发展潜力不大(个人意见,仅供参考)

  3、论坛聊天室类

  如果不是疯狂的爱好或者痴迷,建议不要浪费你的宝贵创业时间。

  4、文学类

  不太清楚后期的盈利模式,不敢乱讲。

  5、网址类

  这个还不错,懒人的模式,不用更新,呵呵,怎么盈利就是你的事情了。

  6、门户类

  佩服,身兼采编、记者、技术、作者、CEO、经理......与一身,牛!

  建议可以考虑的站点类型

  1、地方性专业服务类站点:资料丰富,便于管理,容易成功(很容易被大型站点收购,这是个需要考虑的问题)

  2、基于网络的应用:假如你非常熟悉网络(废话),又非常热爱服装(假设),你可以做一个网上服饰店,产品就需要到大街上找一个原因和你合作的精品店,他们给出价格,你就可以运作,等着盈利了,当然,你愿意做一个介绍你们那里茶叶的站点,我也不会反对......哈哈,,我认识一个年仅22岁左右的小伙子,2年前买了个350元的空间,找了一个免费的商店程序,做了一个数据线的站点,进货,站长,发货都是自己一个人,现在已经作到每个月收入纯利1万以上。                

  3、基于网络的服务:那就是像我们一样,提供空间域名之类的代理服务,我认识的一个朋友,在他的大学同学都在沉迷在聊天、论坛、个人主页的时候,开始从一个空间做起,现在已经每个月都可以盈利2万左右,并且越来越好。

  做网站,感觉就算你做的再不好。只要你的网站坚持的时间长,比如一年或者两年了。在当中一直坚持更新......

  对半途而废,三心两意什么事都做不好!除了用大量的广告费心撑起来的网站,访问量高的哪个网站年纪没有1-2年以上的?

  如果地方上还没有相对的信息港或大型站点的话。这个是很不错的。不需要浪费大量时间在网上搞宣传。你有一定技术基础,做成一个比较完善的系统,加上你辩论的优秀口才,说服当地一些企业加入进来,我觉得最容易赢利就是这个,当然,不考虑赢利多少的问题(在个人)

  如果你有信心,有毅力,做一个门户类的网站是不错的,比较有前景,但必须要建立在你肯坚持的前提下,网站的更新,运作都是极其累人的。如果不打算花费一年半载的时候打基础,呵呵,劝你还是别做了。




  10月25日消息,Linux厂商又受到两种新安全病毒的攻击,一系列图形解码器及Gaim即时通信客户机都受到影响。

   另据最大的Linux开发商红帽公司称,黑客已经开始利用欺骗性电子邮件瞄准该公司用户,其使用的欺骗手段就和通常攻击Windows的方法大致相同。

   受到攻击的Gaim与libtiff被多种Linux图形程序用来解码tiff图像。就在上周,也曾发生一系列严重病毒,并对Linux的libpng、Xpdf与Cups等造成影响。

   研究人员Chris Evans披露了一系列边界错误,这些错误会影响libtiff的RLE解码零件,并产生大量的缓冲溢流。恶意黑客能够利用这些漏洞采取欺骗手段来攻击其他用户。

   Evans称,他所披露的这些漏洞可能只是“冰山一角”,未被披露的可能还有很多很多。不幸的是,由于libtiff的规模非常大,所以只可能对漏洞进行有限扫描。这些漏洞可能代表了其它的病毒。

   Novell公司的Suse Linux与红帽公司上周末都对libtiff提出了建议,并发布了相关补丁。



SyntaxHighlighter.highlight();
[!--infotagslink--]

相关文章

  • Pandas实现DataFrame按行求百分数(比例数)

    今天小编就为大家分享一篇Pandas实现DataFrame按行求百分数(比例数),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-05-09
  • jQuery中iframe的操作(点击按钮新增窗口)

    <iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分。本文给大家介绍jQuery中iframe的操作(点击按钮新增窗口),需要的朋友参考下吧...2016-04-22
  • javascript动态的改变IFrame的高度实现自动伸展

    动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩 原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面),添加JavaScript...2013-10-13
  • 在vue中实现嵌套页面(iframe)

    这篇文章主要介绍了在vue中实现嵌套页面(iframe),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-31
  • JavaScript实现iframe自动高度调整和不同主域名跨域

    这篇文章主要介绍了JavaScript实现iframe自动高度调整和不同主域名跨域,作者通过建立一个代理来同步高度调整,需要的朋友可以参考下...2016-03-01
  • BOM系列第二篇之定时器requestAnimationFrame

    这篇文章主要介绍了BOM系列第二篇之定时器requestAnimationFrame 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2016-08-24
  • jQuery取得iframe中元素的常用方法详解

    这篇文章主要介绍了jQuery取得iframe中元素的常用方法,结合实例形式详细分析了jQuery针对iframe中元素获取技巧及注意事项,需要的朋友可以参考下...2016-01-15
  • JavaScript使ifram跨域相互访问及与PHP通信的实例

    这篇文章主要介绍了JavaScript使ifram跨域相互访问及与PHP通信的实例,同时对同域间的访问也作了详细的演示,需要的朋友可以参考下...2016-03-07
  • JavaScript中关于iframe滚动条的去除和保留

    在开发中经常遇到去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条,大家基于js是怎么实现的呢?下面小编通过本文给大家详细介绍下,对js iframe滚动条相关知识感兴趣的朋友一起学习吧...2016-11-22
  • Pandas.DataFrame转置的实现 <font color=red>原创</font>

    这篇文章主要介绍了Pandas.DataFrame转置的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-09
  • 十分钟轻松掌握dataframe数据选择

    这篇文章主要介绍了十分钟轻松掌握dataframe数据选择,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-04-04
  • 微信jssdk在iframe页面失效问题的解决措施

    这篇文章主要介绍了微信jssdk在iframe页面失效问题的解决措施 的相关资料,需要的朋友可以参考下...2016-03-07
  • python读取hdfs并返回dataframe教程

    这篇文章主要介绍了python读取hdfs并返回dataframe教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-06
  • jQuery控制frames及frame页面JS的方法

    这篇文章主要介绍了jQuery控制frames及frame页面JS的方法,涉及jQuery针对页面元素的判定及frame框架的操作技巧,需要的朋友可以参考下...2016-03-10
  • R语言中矩阵matrix和数据框data.frame的使用详解

    这篇文章主要介绍了R语言中矩阵matrix和数据框data.frame的使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-05-06
  • Pandas 解决dataframe的一列进行向下顺移问题

    今天小编就为大家分享一篇Pandas 解决dataframe的一列进行向下顺移问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-05-09
  • win7-vs2012下安装.net frame work 的过程图文详解

    这篇文章主要介绍了win7-vs2012下安装.net frame work 的过程图文详解,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22
  • pandas中DataFrame数据合并连接(merge、join、concat)

    这篇文章主要给大家介绍了关于pandas中DataFrame 数据合并连接(merge、join、concat)的相关资料,文中介绍的非常详细,需要的朋友可以参考下...2021-05-30
  • zend历程 之 ZendFramework-1.0.3

    将从官方网上下载下来的ZendFramework-1.0.3,一试,发现不行, 较ZendFramework-1.0.2一比 原来是改动了一些如: function __autoload($class){   Zend_Loa...2016-11-25
  • php中IE7 iframe session丢失问题解决方案

    本文章来给在家介绍在php中IE7 iframe session丢失问题解决方案,有碰到此类问题的同学可进入参考参考 假设采用iframe方式,很可能会遇到这样的问题。而且这个问题只...2016-11-25