我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 网页设计 > Html/Css > 利用“页中页”快速更新主页妙法
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页(一)(10-11)
五彩缤纷建网页(二)(10-11)
五彩缤纷建网页(三)(10-11)
五彩缤纷建网页(四)(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 :DW的"文档"工具(11-01)
Dreamweaver 基础 :DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
 

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

作者:佚名   来源:Linux 宝库   点击:   日期:2006-12-07


-->

    日常更新是每位站长的必修课之一。随着栏目逐渐增多更新量也越来越大,常规手段因为工作量巨大及容易出错,已经不能满足需要。我们在寻求更为高效快捷的方法――思路是通过在页面中嵌入外部程序或文件链接实现“页中页”的功能,只要更改“页中页”中插入的内容即可实现网页动态更新。实现这个效果的方法有很多。复杂一些的方法可以用利用编程嵌入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不支持……





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。