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

Dreamweaver
网页设计赏析:易趣网店首页布局分析
Dreamweaver 8 新功能抢先预览
Dreamweaver 8中文版图文快报
分栏及回复的实现-Dreamweaver构建Blog
站点统计-Dreamweaver构建Blog
构建开发环境-Dreamweaver构建Blog
Dreamweaver 8 BETA2版新功能图文快报
站内搜索的实现-Dreamweaver构建BlogBLOG
数据库的设计和连接-Dreamweaver构建Blog
用户注册的实现-Dreamweaver构建Blog
构建Blog全程实录-Dreamweaver构建Blog
首页的实现-Dreamweaver构建Blog
管理员页面的实现-Dreamweaver构建Blog全程实录
巧用Dreamweaver制作复杂交换图像
Dreamweaver MX全新接触(上)
用Dreamweaver为网页图像添特效
用Dreamweaver描摹图像
寻找Dreamweaver鲜为人知的小秘诀
用Dreamweaver制作拖拽效果
用Dreamweaver进行网页优化

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 40 ::
收藏到网摘: 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 查看效果!