当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 网页瘦身小技巧---“分割大法”

Dreamweaver
Dreamweaver4探谜系列(1)
自己动手用Dreamweaer制作活动菜单条
DreamWeaver经典技巧四则
网页制作小技巧:还网页链接“清白”
如何批量消除网页连接上的“虚线框”
Dreamweaver使用中的常见问题与解答
使用Dreamweaver便捷技巧方法十六则
Dreamweaver技巧50问
定义本地站点
友情连接地址代码-线线表格
Dreamweaver技巧十二招
制作会移动的广告条
Dreamweaver MX技巧之超链接
Dreamweaver制作网页幻灯片效果
在Dreamweaver MX中应用“占位图形”
巧用Dreamweaver MX设计导航栏特效
不要跳转或刷新 实现网页区域选择显示
使用Dreamweaver MX表格排序功能
用Dreamweaver制作活动菜单条
Dreamweaver制作网页实用七小招

Dreamweaver 中的 网页瘦身小技巧---“分割大法”


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 30 ::
收藏到网摘: n/a

    您的主页内容多吗?生成的页面文件大吗?加载时间长吗?您是否想过把一页分割为几部分设计呢?笔者在工作中总结出个好方法,帮您搞定问题。

    方法1:

< webbot bot="HTMLMarkup" startspan >
< iframe name=wwg align=center target="main" frameborder="no" border="0" scrolling=no src="调出页面.htm" width=180 height=180 >
< /iframe >
< webbot bot="HTMLMarkup" endspan >

    方法2:

< SCRIPT language=JavaScript >
var 4=(document.all) ? 1 : 1;
if (IE4) {
var theSource='< iframe name="wwg" frameborder="no" border="0" scrolling="no" src="调出页面.htm" width=180 height=180 >< /iframe >'
document.write(theSource) }
< /SCRIPT >

  简析此代码:你可以更改“scrolling=”值为“yes”或者“no”来决定是否显示滚动条;可以通过更改“frameborder=”值为“yes”或者“no”来决定是否显示边框;更改“width=”及“height=”的值来改变调出页面的宽度及高度;更改“src=”的路径、文件名称来决定调出的WEB页面。

  最后说明:尽量把此代码放在一行!如您直接使用本页面的代码,要把它复制到记事本(复制时请将代码"< "转换成"<"," >"转换成">"),然后粘贴到您的页面代码中。您可以通过表格来定义调出页面的显示位置!

  怎么样,有了它您就不必为您的页面文件太大而苦恼了,它可以为您的页面“减肥”而不影响页面的“体形”,让您使用最少的代码,设计最复杂的网页!如使用中有任何问题,请来信 [email protected] 或者来我的主页 http://www.dscj.org 查看效果!