人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WEB制作について質問です。
ページのヘッダーがすべて同じだった場合、
フレーム以外の方法で1カ所を変えたらすべてのページのヘッダーがかわるようにするやり方を教えてください。
宜しくお願いします。

●質問者: tasuku7
●カテゴリ:インターネット ウェブ制作
✍キーワード:Web フレーム 制作
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● karno
●20ポイント

SSIやPHP等を使うのが確実ですが、動かせない場合はJavaScriptでも別ファイルのヘッダを読み込むことができます。

http://management.eweb-design.com/0502_hf.html

ただし、Javascriptが動作しないクライアントだとヘッダが表示されませんので、代替のナビゲーションを用意する必要があるかと思います。


2 ● yoccola
●20ポイント

http://dummy/

PHPでしたら

<?php require_once("header.html"); ?>

<body>

メインコンテンツ

</body>

<?php require_once("footer.html"); ?>

のようにヘッダーだけとかを別ファイルにして

そのファイルを読み込むように記述してあげれば、

header.htmlをいじるだけで全てのファイルに反映させることが可能です(PHPの囲みタグは半角にして下さい)。


3 ● wizemperor
●20ポイント

まず、ヘッダー部分のHTML等を別ファイルに保存します(たとえば、header.html)。


1.SSIを使う方法

各ページのヘッダーを挿入したい部分に、

>>|

|<<

を書きます。


2.PHPを使う方法

各ページのヘッダーを挿入したい部分に、

>>|

|<<

を書きます。


それぞれ、ヘッダーのファイル(header.html)がインクルードされます。

元のheader.htmlの内容だけを変更すれば、結果的に全てのページのヘッダーが変更されるようになります。


http://q.hatena.ne.jp/


4 ● wizemperor
●20ポイント

すみません、回答の内容が一部きえてしまったようです。


1.SSIを使う方法

各ページのヘッダーを挿入したい部分に、

<!--#include file="サーバのルートからのパス/header.html" -->

を書きます。


2.PHPを使う方法

各ページのヘッダーを挿入したい部分に、

<?php @include("header.html"); ?>

を書きます。


http://q.hatena.ne.jp/


5 ● okinaka
●20ポイント

DreamWeaverのテンプレート機能を使って

HTMLを生成する手もあります。たぶん、一番お手軽です。


テンプレートっていうのは、定型のフォーマットがあって

決まった場所に文字を埋め込む仕組。


テンプレートが必要なだけなら単純な

テンプレートエンジンを作っても良いですね。


http://q.hatena.ne.jp/

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ