Home >Web Front-end >HTML Tutorial >Post again - Questions about CSS DIV homepage (entry level)_html/css_WEB-ITnose
Post again - Questions about CSS DIV homepage (entry level)_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:09:181141browse
东软首页：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嵌入
c36fa6f5762f7bafa55e37dd53e22431
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6e86bc28827748e57c63a68501647d786a5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6e86bc28827748e57c63a68501647d786b5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
16b28748ea4df4d9c2150843fecfba68
49a1179c38f42ce51d91de78eafc3198
4f539a8f597d58865b1f25fe6b5906a8065276f04003e4622c4fe6b64f465b88
16b28748ea4df4d9c2150843fecfba68
I missed your navigation control main.html. I suggest you use the card option panel that comes with dwr. If you are satisfied with my answer, please give points. If you still don’t understand, you can chat with me in detail
The poster is not clear about many basic concepts. What you are talking about is a simple page
If you want to maintain it easily, use the server side. Including, for example, if asp,
you have built each included page
such as head.asp (HTM can also be used),
<div id="head"><a href='index.asp'>首页</a> <a href="product.asp">产品</a> <a href="about.asp">关于我们</a></div>
index.asp source code
<html><head><title>我的网站首页</title> </head><body><!--#include file="head.asp"--><div id="main"><h1>首页</h1><p>其它内容...</p></div></body></html>
Similarly, other pages are written similarly.
And what you said about main.htm, the link on the left controls the right. In fact, it is similar to this. As long as you use the same layout for multiple pages, when you click on it, the left side will remain unchanged, and only the right side will change, such as
You have many product pages. I might as well assume that your product pages are all static web pages, such as
product1.asp
product2.asp,
product3.asp, etc.
product1. The asp source code is
<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></div></body></html>
where productCategories.asp is a left-side included file with the following content:
<div id="left"><a href="product1.asp">产品一</a><br/><a href="product2.asp">产品二</a><br/><a href="product3.asp">产品三</a><br/></div>
I missed your navigation control main.html. I suggest this. Use the card option panel that comes with dwr. If you are satisfied with my answer, please rate it. If you still don’t understand, you can chat with me in detail
How can I contact you? I don't understand DWR. How can I contact you?
I missed your navigation control main.html. I suggest you use the card option panel that comes with dwr. If you are satisfied with my answer, please give points. If you still don’t understand, you can chat with me in detail
Then you can add me to chat on QQ, 1932752998.
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6a5453ea03f37113c15bc1b82a6ddf3e5Homepage5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6 ee7959cc8dd4be16ef633321c03dac32Web page layout5db79b134e9f6b82c0b36e0489ee08ed
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Adaptive width5db79b134e9f6b82c0b36e0489ee08ed< ;/li>
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Fixed width5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32web tutorial5db79b134e9f6b82c0b36e0489ee08ed
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Getting Started< ;/a>bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Video tutorial5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6e99154396dac63cf45c677ecf72df8a3FAQ5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32 web example5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Common codes5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
16b28748ea4df4d9c2150843fecfba68
This is very simple and needs to be discussed in detail
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c67c37c11fa09d31fff5e216dbd4809558Homepage5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Webpage Layout5db79b134e9f6b82c0b36e0489ee08ed
ff6d136ddc5fdfeffaf53ff6ee95f185
< ;li>ee7959cc8dd4be16ef633321c03dac32Adaptive width5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Fixed width5db79b134e9f6b82c0b36e0489ee08ed bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32web tutorial5db79b134e9f6b82c0b36e0489ee08ed
7af642afb7cbf7886d194925c3e5eedb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Getting Started5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32Video Tutorial 5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32FAQ5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32web example5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6 929d1f5ca49e04fdcb27f9465b944689
16b28748ea4df4d9c2150843fecfba68
This is simple