ホームページを分割する方法

解決済

質問者：tomoko0908325
質問日時：2014/07/02 10:33
回答数：3件

こんにちは。
今情報サイトを作りたくでHTMLと格闘しています。
初心者の質問ですがよろしくお願いいたします。

ホームページをトップ・サイド・メインコンテンツ・フッターなどに区分けした時に
それぞれを違うノートに記入し１つのページに呼び出して表示する仕組みを作りたいのです。
フレーム分割ではなく、ちがう方法で実現する方法を教えてください。
または、この方法を詳しく紹介しているHPなどがあり場合は合わせて教えていただけると幸いです。
よろしくお願いいたしますm(*u u*)m

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

No.1

回答者： gaspan_asobi
回答日時：2014/07/02 10:53

ifreamを使えばよいです。

- 0
- 件

通報する

No.2

回答者： OKkun36
回答日時：2014/07/02 11:01

フレームを使用しない場合、HTMLではできません。

PHPを使用するのがベストだと思いますが、拡張子が「ファイル名.php」になり、URLが変わってしまいます。
それが嫌であれば、JAVASCRIPTでも可能です。

トップ・サイド・メインコンテンツ・フッターそれぞれで呼び出すソースを別ファイルにして、元のファイルの該当部分でファイルを呼び出すのか、トップ・サイド・メインコンテンツ・フッターそれぞれを変数にして呼び出すのか、方法はいくつかあります。
以上の方法はPHPでもJAVASCRIPTでも可能です。

PHPで別ファイルを呼び出す方法のページを参考URLに記載します。

参考URL：http://www.ilovex.co.jp/blog/system/distribution …

- 0
- 件

通報する

No.3ベストアンサー

回答者： ORUKA1951
回答日時：2014/07/02 12:12

　あまりに古い・・枯れきった手法で申し訳ないのですが・・HTTP始まって以来存在するといっても良い。

すくなくとも30年前にはあったSSI使うのが一般的です。
　多少でもウェブサイト作れば知っているはずです。
※拡張子htmlのままがよければ.htaccessに AddHandler server-parsed html と書いておくだけ
<html>
　<head>
　・・・・・・【中略】・・・
　</head>
　<body>
　　<div class="header">
　　　<h1>タイトル</h1>

　　　<div class="nav">

　　　</div>
　　</div>
　　<div class="section">
　　　本文記事
　　　<div class="nav" id="tableContent">
　　　　このページの目次
　　　</div>
　　　<div class="aside">

　　　</div>
　　</div>
　　<div class="footer">

　　</div>
　</body>

SSI[Server Side Includes]
　⇒Server Side Includes - Wikipedia( http://ja.wikipedia.org/wiki/Server_Side_Includes )
includeを使用すると「同一Webサーバ上に置いた別ファイルの内容を取得してWebページに内に差し込む。クライアント側では既に取り込まれた状態になっているため、ブラウザ等でソースを見てもinclude指定と差し替わっているため見分けができない。」