在asp.net页面如何做框架结构?请给出详细操作过程！
3个回答
展开全部
我经常用<iframe></iframe>我跟你说下
首先我们网站可以说分为三个部分 头部 左边部分和底部 我们可以另外建三个页面 例如：头部为：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引 用代码输出 这样没有走形的问题 也不存在难于优化的问题！
首先我们网站可以说分为三个部分 头部 左边部分和底部 我们可以另外建三个页面 例如：头部为：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引 用代码输出 这样没有走形的问题 也不存在难于优化的问题！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
http://msdn.microsoft.com/zh-cn/library/bb515247.aspx
微软的MSDN库,asp.net示例,
你看看里边的:
创建网站导航:这里你熟悉下菜单和导航地图
设计网站的外观和布局:这里你熟悉下模板页
"我现在用网页做一个系统，我想把主页面分成三个模块，上面的标题和左面的treeView导航保持不变，当点击左边的导航节点时，右边的界面发生跳转。"
在.net2.0以后,是用导航+模板页实现的.
我发的这个地址是.net4.0的示例,要看早起版本的在页面里边自己转过去
这里边的示例是官方的,也挺简单的.
微软的MSDN库,asp.net示例,
你看看里边的:
创建网站导航:这里你熟悉下菜单和导航地图
设计网站的外观和布局:这里你熟悉下模板页
"我现在用网页做一个系统，我想把主页面分成三个模块，上面的标题和左面的treeView导航保持不变，当点击左边的导航节点时，右边的界面发生跳转。"
在.net2.0以后,是用导航+模板页实现的.
我发的这个地址是.net4.0的示例,要看早起版本的在页面里边自己转过去
这里边的示例是官方的,也挺简单的.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不明白你的意思，你是指母版页还是iframe框架
追问
我现在用网页做一个系统，我想把主页面分成三个模块，上面的标题和左面的treeView导航保持不变，当点击左边的导航节点时，右边的界面发生跳转。我想知道这个页面是怎样设计的，需要做那些操作？
追答
iframe框架也可以做，不过你既然用.net，那么你也可以用母版页来实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
