首先我們網站可以說分為三個部分 頭部 左邊部分和底部 我們可以另外建三個頁面 例如:頭部為:top.aspx,左邊部分為:left.aspx 還有底部:foot.aspx
然後把頭部得html的代碼貼到top.aspx,左邊部分貼到:left.aspx ,底部貼到:foot.aspx 如果有樣式表的話 註意把樣式表放到<head></head>中。這樣三部分做好了!然後用<iframe></iframe>各自引用到妳要放的地方 我這裏有個例子 給妳放上 妳看下!:
top.aspx:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link rel="stylesheet" href="main.css" type="text/css" />
<script type="text/javascript" src="object.js"></script>
</head>
<body>
<div id="top">
<div class="logo">
<img src="img/logo.jpg" /></div>
<div class="top2">
<img src="img/toptel.jpg" /></div>
</div>
<div class="menu">
<a href="Default.aspx" target="_top">網站首頁</a> <a href="about.aspx" target="_top">公司簡介</a> <a href="notice.aspx" target="_top">網站公告</a>
<a href="indu.aspx" target="_top">行業知識</a> <a href="video.aspx" target="_top">視頻展示</a> <a href="contact.aspx" target="_top">聯系我們</a>
<div class="toptime" id="webjx">
</div>
</div>
<div class="banner">
<img src="img/banner.jpg" /></div>
</body>
</html>
left.aspx中代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link rel="stylesheet" href="css.css" type="text/css" />
<script type="text/javascript" src="object.js"></script>
</head>
<body>
<div class="neivideof1">
<img src="img/neivideo.jpg" /></div>
<div class="nav" id="nav" runat="server">
<a href="video.aspx" target="_blank">123</a> <a href="#">123</a> <a href="#">123</a> <a href="#">123</a>
</div>
<div class="neileftimg">
<img src="img/neileft1.jpg" /></div>
<div class="neileftimg">
<img src="img/neileft2.jpg" /></div>
<div class="neileftimg">
<img src="img/neileft3.jpg" /></div>
<br />
</body>
</html>
foot.aspx的代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link rel="stylesheet" href="css.css" type="text/css" />
<script type="text/javascript" src="object.js"></script>
</head>
<body>
<div class="link">
<div class="link1">
<img src="img/link.jpg" /></div>
<div class="link2" id="link2" runat="server">
<p>
<a href="#" target="_blank"></a></p>
</div>
</div>
<div class="foot">
<p>
</p>
</div>
</body>
</html>
index.aspx頁裏:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>沈陽極速培訓</title>
<link rel="stylesheet" href="main.css" type="text/css" />
<script type="text/javascript" src="object.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="main">
<iframe frameborder="0" src="top.aspx" scrolling="no" style="width: 100%; height: 390px">
</iframe>
<div class="neileft">
<iframe frameborder="0" scrolling="no" src="left.aspx" style="width: 100%; height: 490px">
</iframe>
</div>
<div class="neimk">
<div class="neimkt">
<span class="local">當前位置:<a href="#" class="tob1">網站首頁</a> > 行業知識</span>行業知識</div>
<div class="neimkbody">
<div class="newsbody">
<div class="newscon" id="DivList" runat="server">
<ul>
<li><span class="time">2010-12-01</span>· <a href="indu2.html" class="tob2">基金業首例並購外資
案嘉實收購德銀香港平臺</a></li>
<li><span class="time">2010-12-01</span>· <a href="#" class="tob2">券商中報陸續見“公婆” 美醜優劣市場評判</a></li>
<li><span class="time">2010-12-01</span>· <a href="#" class="tob2">國美下調認股權證行權價</a></li>
<li><span class="time">2010-12-01</span>· <a href="#" class="tob2">六大境外資產管理公司壟斷外資銀行QDII市場</a></li>
<li><span class="time">2010-12-01</span>· <a href="#" class="tob2">滬國資企業料參與東航增發 國資整合推漲本地</a></li>
<li><span class="time">2010-12-01</span>· <a href="#" class="tob2">神開股份首場詢價獲得機構認同</a></li>
<li><span class="time">2010-12-01</span>· <a href="#" class="tob2">股市估值已開始偏離基本面 下半年指數化投資</a></li>
<li><span class="time">2010-12-01</span>· <a href="#" class="tob2">六大境外資產管理公司壟斷外資銀行QDII市場</a></li>
</ul>
</div>
<div class="page" id="fenyeq" runat="server">
[<asp:LinkButton ID="lnlBntHome" runat="server" OnClick="lnlBntHome_Click">首頁</asp:LinkButton>
<asp:LinkButton ID="lnlBntFirst" runat="server" OnClick="lnlBntFirst_Click">上壹頁</asp:LinkButton>
<asp:LinkButton ID="lnlBntNext" runat="server" OnClick="lnlBntNext_Click">下壹頁</asp:LinkButton>
<asp:LinkButton ID="lnlBntEnd" runat="server" OnClick="lnlBntEnd_Click">尾頁</asp:LinkButton>]
頁次:<asp:Label ID="LblPage" runat="server" Text="?"></asp:Label>/<asp:Label ID="lblCount"
runat="server" Text="?"></asp:Label>頁
<asp:Label ID="count" runat="server" Text="?"></asp:Label>條資訊/頁?
</div>
</div>
</div>
</div>
<iframe frameborder="0" scrolling="no" src="foot.aspx" style="width: 100%; height: 140px;">
</iframe>
</div>
</form>
</body>
</html>
但是這裏註意下 用<iframe></iframe>引網頁的話 他的寬度要設成100% 如果妳要設置成固定的高度的話在不同的分辨率下回走形 還有用iframe引用的網站優化很難做 所以 如果網站需要做優化的話建議妳不用iframe引 用代碼輸出 這樣沒有走形的問題 也不存在難於優化的問題!