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

Dreamweaver
Ultradev实例教程:2.2 用ODBC连接数据库
Ultradev实例教程:2.3 创建Web站点
Ultradev实例教程:2.4 UltraDev与各种数据库的连接代码
Ultradev实例教程:3.1 定义站点
Dreamweaver3 图层应用技巧(六)
DreamWeaver高级应用—模板与库
Dreamweaver4.0 快捷键自己DIY
Dreamweaver经典技巧,一个也不能少
Dreamweaver的操作诀窍点滴
Dreamweaver 4.0 新增功能全接触
在IE中调用Dreamweaver编辑网页
利用Dreamweaver插件改变IE浏览器滚动条
使网页随浏览器伸展
水平细线的几种制作方法
Dreamweaver行为全接触(1)
Dreamweaver行为全接触(2)
Dreamweaver行为全接触(3)
Dreamweaver行为全接触(4)
Dreamweaver行为全接触(5)
DreamWeaver表格妙用-线框制作详解(1)

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


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