再发-关于CSS+DIV首页的问题(入门级别)_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:09:18
原创
1238人浏览过

东软首页:http://www.neusoft.com.cn/
我想做个类似于这个首页的网站页面。top.htm,main.htm,footer.htm都已经做好
请问用CSS+DIV做个index.htm如何做?要求top.htm的菜单能控制main.htm更换。
很多人说是用iframe,只能用iframe吗?我想不用iframe,因为这个页面http://www.neusoft.com.cn/的代码里找不到iframe。
请哥哥们帮忙啊,我在线等,谢谢的啦~~~~~~~~~~


回复讨论(解决方案)

另外,main.htm分左右的,要求左边页面链接控制右面页面。

你给的参考网站就是些简单的跳转而已,和iframe有什么关系吗?

div嵌入网页最终都是用iframe嵌入


   

          
  • a

  •       
  • b

  •    
   
 

  

漏了 你的 导航控制  main.html 了 这个 我建议 用 dwr 自带的 卡式选项面板做。如果对我的回答 还满意 请给分 如果还不了解 可以跟我 详细聊

楼主很多基本概念不清楚,你说的就是简单的页面
你想维护方便就用服务器端包含,比如 asp 的话,
你建好了各个包含页面
比如 head.asp (也可用HTM),

<div id="head"><a href='index.asp'>首页</a> <a href="product.asp">产品</a> <a href="about.asp">关于我们</a></div>
登录后复制

index.asp 源码
<html><head><title>我的网站首页</title> </head><body><!--#include file="head.asp"--><div id="main"><h1>首页</h1><p>其它内容...</p></div></body></html>
登录后复制


类似的,其它页也是类似写法。
还有你说的什么main.htm,左边链接控制右边,其实同这个类似,只要你的多个页面用同样的布局,点上去就是左边不变,只有右边变了,比如

你有很多产品页,我这里不妨设你的产品页都是静态网页,比如 
product1.asp
product2.asp,
product3.asp,等等
product1.asp源码就是
<html><head><title>我的网站首页</title> </head><body><!--#include file="head.asp"--><div id="main"><!--#include file="productCategories.asp"--><div id="right" ><h1>产品1</h1><p>更多详细内容</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1467">
                            <img src="https://img.php.cn/upload/ai_manual/001/431/639/68b6cb457e7b0499.png" alt="小门道AI">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1467">小门道AI</a>
                            <p>小门道AI是一个提供AI服务的网站</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="小门道AI">
                                <span>117</span>
                            </div>
                        </div>
                        <a href="/ai/1467" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="小门道AI">
                        </a>
                    </div>
                </div></div></body></html>
登录后复制

其中productCategories.asp是一个左侧包含文件,内容如下
<div id="left"><a href="product1.asp">产品一</a><br/><a href="product2.asp">产品二</a><br/><a href="product3.asp">产品三</a><br/></div>
登录后复制

漏了 你的 导航控制 main.html 了 这个 我建议 用 dwr 自带的 卡式选项面板做。如果对我的回答 还满意 请给分 如果还不了解 可以跟我 详细聊
怎么联系你啊?DWR我不懂呢。怎么联系你啊

漏了 你的 导航控制 main.html 了 这个 我建议 用 dwr 自带的 卡式选项面板做。如果对我的回答 还满意 请给分 如果还不了解 可以跟我 详细聊
那你加我QQ聊啊,1932752998。



这是出很简陋的,要详细的详谈



这是是简陋的
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号