利用“页中页”快速更新主页妙法

80酷酷网    80kuku.com

  

  日常更新是每位站长的必修课之一。随着栏目逐渐增多更新量也越来越大,常规手段因为工作量巨大及容易出错,已经不能满足需要。我们在寻求更为高效快捷的方法——思路是通过在页面中嵌入外部程序或文件链接实现“页中页”的功能,只要更改“页中页”中插入的内容即可实现网页动态更新。实现这个效果的方法有很多。复杂一些的方法可以用利用编程嵌入js文件或制做ASP动态页面。如果不想编程的话,我们可以使用Iframe标记或SSI(服务器端嵌入)十分方便的达到快速更新主页的目的。

Iframe是Inline Frame的缩写,称为内联框架。看着很眼熟吧,对了,它有个近亲可是大名鼎鼎的Frame(框架)标记。使用框架有两个缺点:占用了宝贵的显示面积、不利于保持网站整体风格。而使用Iframe则可以避免此类缺点。它可以在网页的局部插入另一个文件,更新时只要更改所插入的文件即可。

Iframe标记的主要格式是:

<Iframe src="url" width="x" height="y" scrolling="yes或no或auto" frameborder="0或1"></Iframe>

src:插入文件的路径,格式不限。

width、height:定义插入区域的宽高。

scrolling:是否显示Iframe框架的滚动栏。设为yes时始终显示、no为始终不显示、设为auto时只有所插入的文件其显示范围大于定义的Iframe宽高时才显示。

FrameBorder:只有0和1两个值,分别表示没有边框和有边框。

其实Iframe已经被大量应用于广告条等需要动态更新的地方,不信你可以随便打开一个网易个人主页(go.163.com)用户站点的首页,看看网易的广告条代码。

SSI全称是Server-Side Include,即服务器端嵌入。在DreamWeaver中选择“InsertàServer-side Include”,选定要插入的文件即可,非常简单吧!源代码更简单到只有一行:

<!--#include virtual=" url " -->

“url”是所插入文件的路径

它的执行需要服务器端来解析。在浏览器发出下载请求后,服务器端自动调用插入的文件。由于插入合成过程在服务器端执行,所以对客户端没有限制,不会因为浏览器差异而产生不同的观看效果。同时切记要把文件名后缀设为.shtm 或.shtml才会有效果。

在服务器支持的情况下,除了用于主页更新,SSI还可以大量用于网站标志、版权栏等地方替代DreamWeaver中库的作用。只改一个文件,成百上千的网页即刻更新!

Iframe
SERVER-SIDE INCLUDE

服务器端支持
不需要
需要SSI支持

浏览器兼容性
只支持IE

使用难易程度
较复杂。在FrontPage2000和DreamWeaver3中都不支持,只能手工编辑代码
简单。在Frontpage2000和DreamWeaver3中都直接支持

页面美观性
当所插入文件显示范围大于预定义范围时会出现滚动栏
当所插入文件显示范围大于预定义范围时会撑大原页面相应区域,不会出现滚动栏

其实大家只要开阔思路,主页快速更新的招儿并不止以上几条,利用LAYER或ILAYER层同样可以实现页中页效果,只是IE不支持……



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: