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

Dreamweaver
Dreamweaver 限制访问的BUG
Dreamweaver 数据库路径的使用
用Dreamweaver做搜索表单
Dreamweaver 事件简述
[Dreamweaver教程]Meta标签详解
提高 Dreamweaver行为全接触(5)
提高 Dreamweaver行为全接触(1)
提高 Dreamweaver行为全接触(3)
提高 Dreamweaver行为全接触(2)
提高 Dreamweaver行为全接触(4)
Dreamweaver MX2004视频宝典教程(7) Dreamweaver安装与启动
Dreamweaver MX2004视频宝典教程(9) 工作区结构
Dreamweaver MX2004视频宝典教程(5) 配色原则
Dreamweaver MX2004视频宝典教程(4) 网页布局
Dreamweaver MX2004视频宝典教程(8) Dreamweaver文档使用
Dreamweaver MX2004视频宝典教程(10) 菜单概述
Dreamweaver MX2004视频宝典教程(3) 网页的基本元素
Dreamweaver MX2004视频宝典教程(6) HTML与渲染
Dreamweaver MX2004视频宝典教程(1) 课程简介
Dreamweaver MX2004视频宝典教程(2) 网站与网页的概述

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


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