用IFRAME实现网页的内嵌和预载
iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:
name:内嵌帧名称
width:内嵌帧宽度(可用像素值或百分比)
height:内嵌帧高度(可用像素值或百分比)
frameborder:内嵌帧边框
marginwidth:帧内文本的左右页边距
marginheight:帧内文本的上下页边距
scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)
src:内嵌入文件的地址
style:内嵌文档的样式(如设置文档背景等)
allowtransparency:是否允许透明
明白了以上属性后,我们可用以下代码实现,在main.htm 中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中:
〈iframe name="import_frame" width=100%
height=80 src="samper.htm" frameborder=auto〉
〈/iframe〉
不错吧,马上“Ctrl+C”、“Ctrl+V”试试。
有时我们为强调页面的某项内容,想让它先于页面的其他内容显示。同样用iframe即可轻松实现:
先把要强调显示的内容另存为一个文件,如first.htm ,然后通过一个预载页index.htm,内容如下:
〈meta http-equiv="refresh" content="3,url=index2.htm"〉
〈body〉
页面加载中,请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉
〈/body〉
主文件index2.htm
〈body〉
〈iframe src="first.htm" 加入其他属性限制〉〈/iframe〉
〈/body〉
first.htm的内容就会先于页面的其他内容出现在您的浏览器里了,是不是很简单?再“Ctrl+C”、“Ctrl+V”一次?
看到上面的导航条了吗?你可以点击一下看看它的效果,请注意,这可是用表格做出来的,你相信吗?其实代码很简单,现在让我们来看看该怎么做。
1.首先创建一个1x6的表格,参数为:border=0 cellspacing=3 cellpadding=0;
2.在这个表格的每个单元格内分别插入一个表格,宽度和高度设为100%;
3.建立一个css样式.up和.down;代码如下:
<style>
.up{ border:4 outset royalblue;color:yellow;background:blue;cursor:hand } .down{ border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand } </style> 初学者在使用表格时,可能会遇到各种问题,由于对标记还不是很熟悉,所以往往对这些问题感到莫名其妙,一筹莫展。有时侯甚至因为在这些问题上纠缠不清而最终心烦意乱丧失了继续学习的兴趣。所以在这里,我们列出了表格使用过程中最常见的问题来加以分析,希望能给大家带来帮助
C、表格单元格之间互相干扰引起的变形
<
随着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、我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 { 上一篇: 用表格巧妙制作导航条按钮 下一篇: 制作精美圆角表格两种方法
相关文章
|