CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
IBM Rational 系统开发最佳实践工具包 WebSphere MQ 最佳实践 TOP 15
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  多媒体/设计/Flash开发 >  网页设计(Dreamweaver等)

虚心请高手指点我

楼主tg1019(tommy)2004-05-10 19:34:41 在 多媒体/设计/Flash开发 / 网页设计(Dreamweaver等) 提问

我用dreamever作网页  
  想这么做  
   
  左边的框架是连接,右边的框架是内容  
  点击左边的连接,右边的框架就会显示相关内容  
  点击不同的连接,右面就会出现新的内容  
   
   
   
  或者用页中页作,怎么做???  
  请各位帮忙  
  我是个新学习的菜鸟  
  希望大家提携  
   
  问题点数:0、回复次数:5Top

1 楼yanliang2004(风骨)回复于 2004-05-10 22:02:12 得分 0

用框架网页做  
  你应至少做三个网页。  
  Top

2 楼chnechen(神呀,如果真有款姐.一定介绍我认识呀!款姐,你也需要吧.*^-^* 注:一头傻猪而已,没啥好说的)回复于 2004-05-10 22:20:55 得分 0

给你一个实际的代码例子吧:  
  共5页.首页是index.htm。还有left.htm\main.htm\1.htm\2.htm   4页  
  ------------------------------------------------------  
  index.htm页  
  ---------  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>无标题文档</title>  
  </head>  
   
  <frameset   cols="*,*"   frameborder="NO"   border="0"   framespacing="0">  
      <frame   src="left.htm"   name="leftFrame"   >  
      <frame   src="main.htm"   name="mainFrame">  
  </frameset>  
  <noframes><body>  
   
  </body></noframes>  
  </html>  
  -----------------------------------------  
  left.htm页  
  --------  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>无标题文档</title>  
  </head>  
   
  <body>  
  <p><a   href="1.htm"   target="mainFrame">分页1   </a>   </p>  
  <p><a   href="2.htm"   target="mainFrame">分页2   </a>   </p>  
  </body>  
  </html>  
  -----------------------------------------  
  main.htm页  
  --------  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>无标题文档</title>  
  </head>  
   
  <body>  
  这是分页部分    
  </body>  
  </html>  
  -----------------------------------------  
  1.htm页  
  --------  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>无标题文档</title>  
  </head>  
   
  <body>  
  <p>分页1</p>  
  <p>你自己加内容</p>  
  </body>  
  </html>  
  -----------------------------------------  
  2.htm页  
  --------  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>无标题文档</title>  
  </head>  
   
  <body>  
  <p>分页2</p>  
  <p>你自己加内容</p>  
  </body>  
  </html>  
  ---------------------------------------------------------------------------------  
  注意left.htm页中链接关键部分:target="mainFrame"     ---这表示在框架中哪个部分显示内容Top

3 楼tg1019(tommy)回复于 2004-05-11 09:27:43 得分 0

谢谢你  
  我马上去看看Top

4 楼robinsuper(草雉京)回复于 2004-05-11 09:43:26 得分 0

楼上的兄弟把框架说的都差不多了,小弟只好稍微提一下其他的方法了:  
  1。页内页:  
  用iframe标签完全也可以实现你说的效果,而且我觉的似乎更好用一些。  
  闲话不说,方法如下:  
        在主页面中用表格分成两个部分,左边的单元格放入你所说的连接之类的东西,右边的单元格的代码如下:<td   rowspan="4"   valign="top"><IFRAME    
              border=0   name=bbsnew   marginWidth=0   frameSpacing=0   marginHeight=0    
              src="bbsnew.htm"   frameBorder=0   noResize   width=312   scrolling=no    
              height=194   vspale="0"></IFRAME>&nbsp;</td>  
  其实代码的意思就是在单元个中嵌入一个另外的页面哦    
  其它的参数不说,只提一下scrolling,no,表示没有滚动条,yes是有滚动条,个人认为没有滚动条比较美观哦,当然,没有滚动条的话,浏览整个页面就要借助js的控制了  
  2。借助层的用法  
    在上面的用法里,还不能实现你说的点击左边连接,在右边显示相关内容的。  
  实现这个功能,在借助一个层就可以了  
  把上面的代码修改如下:  
  <td   valign="top"   colspan="2"   rowspan="3">    
              <DIV   class=show   id=main    
  style="Z-INDEX:   1;   LEFT:   180px;   WIDTH:   620px;   POSITION:   absolute;   TOP:   189px;   HEIGHT:   500px"><IFRAME    
  border=0   name=main   marginWidth=0   frameSpacing=0   marginHeight=0    
  src="new.htm"   frameBorder=0   noResize   width="100%"   scrolling=no    
  height="100%"   vspale="0"></IFRAME></DIV>  
          </td>  
  楼主看明白了么?实质是在单元个里载插入一个层,在层中引用iframe标签  
  注意:层的名字叫做main.  
  此时在左边的相关连接写成这样<a   href="imageBox_v1.swf"   class="Link-B"   target="main">连接1</a>  
  就可以了,楼主试试吧Top

5 楼julise(逆风飞扬)回复于 2004-05-11 19:53:35 得分 0

主要注意target属性就行了!Top

相关问题

  • 请朋友们给我指点指点
  • 请给我一些指点!
  • 我是菜,请指点
  • 请智者指点我
  • 请大家帮我打开思路,指点指点。谢谢!!!
  • 请指点指点我--寻找数据库优秀读物
  • 我的datagrid怎么了?请高手指点指点?
  • 请指点!!
  • 请指点!
  • 急,请指点!

关键词

得分解答快速导航

  • 帖主:tg1019

相关链接

  • CSDN Blog
  • 技术文档
  • 代码下载
  • 第二书店
  • 读书频道

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo