ホームページ > 記事 > ウェブフロントエンド > 再投稿 - CSS+DIV ホームページ (入門レベル) についての質問_html/css_WEB-ITnose
再投稿 - CSS+DIV ホームページ (入門レベル) についての質問_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:09:181123ブラウズ
东软首页：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
ナビゲーション コントロール 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 などの静的な Web ページであると仮定した方がよいでしょう。 .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></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)。
25edfb22a4f469ecb59f1190150159c6a5453ea03f37113c15bc1b82a6ddf3e5ホームページ5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6b5a63eb323562bbd99b282e6a2c94492 ;Web ページのレイアウト5db79b134e9f6b82c0b36e0489ee08ed
929d1f5ca49e04fdcb27f9465b944689
bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32ウェブチュートリアル16ef26f8b7ea0fc89bdf90e275a93e5d
64fd3bde90cf9f7cd7707085ef5ae037 25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32はじめに5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32 bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32/a>bed06894275b65c1ab86501b08a632eb
bed06894275b65c1ab86501b08a632eb href="#">ウェブの例5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32よく使用されるコード5db79b134e9f6b82c0b36e0489ee08ed 929d1f5ca49e04fdcb27f9465b944689 ;
16b28748ea4df4d9c2150843fecfba68
これは非常に簡単なので詳しく説明する必要があります
25edfb22a4f469ecb59f1190150159c696abaaedb86b5a32e761f6e916e58579ホームページ5db79b134e9f6b82c0b36e0489ee08ed bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32ウェブページのレイアウト5db79b134e9f6b82c0b36e0489ee08ed
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32適応幅4a11e5928b3688cf38c9163b657eb5acbed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32固定幅5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
bed06894275b65c1ab86501b08a632eb ee7959cc8dd4be16ef633321c03dac32ウェブ チュートリアル5db79b134e9f6b82c0b36e0489ee08ed
ff6d136ddc5fdfeffaf53ff6ee95f185 25edfb22a4f469ecb59f1190150159c6e729f987a20b7718c76418a021c9b6b5はじめに5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb liee7959cc8dd4be16ef633321c03dac32ビデオ チュートリアル5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
dc2cfd583aaf0360eba104afa2be4195FAQ5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb ;/ul>
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32 /a>
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32 ;一般的なコード5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb