テンプレートファイルの作り方

ホームページのメニュー部分のヘッダとフッタをテンプレートにしてメンテナンスを簡単にできるようにしたいのですが、何をどうすればいいのかわかりません。Perlまたはphpを使ってできますか？また、どういったファイルを作ればいいのでしょうか？ホームページも検索していろいろ見たのですが、初心者には書いている内容がいまいち理解できません。
詳しい方アドバイスよろしくお願いします。

ちなみに以下はフッタのタグです。

<TABLE width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD>
<HR size="1" noshade>
<A href="company.html">会社案内</A> ｜ <A href="kiyaku.html">利用規約</A> ｜ <A href="privacy.html">プライバシーポリシー</A> ｜ <A href="otoiawase/index.html">お問い合わせ</A> ｜ <A href="sitemap.html">サイトマップ</A>
<IMG src="image/line_blue_b.gif" width="100%" height="8" border="0">
</TD>
</TR>
<TR>
<TD align="right">Copyright All rights reserved CO.,LTD.</TD>
</TR>
</TABLE>

No.6 回答者： perl_beginner 回答日時： 2005/03/01 14:39

javascriptで表示したらどうですか？

public_html/index.html/であった場合と想定して、
まず、○○.js（○は適当です。）ファイルを作成し、以下の部分を入力して保存後、index.htmlと同フォルダに移動します。
function footer(){
document.write('<TABLE width="100%" cellpadding="0" cellspacing="0">');
document.write('<TR><TD>');
document.write('<HR size="1" noshade>');
document.write('<A href="company.html">会社案内</A> ｜ <A href="kiyaku.html">利用規約</A> ｜ <A href="privacy.html">プライバシーポリシー</A> ｜ <A href="otoiawase/index.html">お問い合わせ</A> ｜ <A href="sitemap.html">サイトマップ</A>');
document.write('<IMG src="image/line_blue_b.gif" width="100%" height="8" border="0">');
document.write('</TD></TR>');
document.write('<TR><TD align="right">Copyright All rights reserved CO.,LTD.</TD>');
document.write('</TR>');
document.write('</TABLE>');
}

次に表示させたいページのhead部分に以下を追加入力します。
<SCRIPT language=JavaScript
src="○○.js" type=text/javascript>
</SCRIPT>
入力後、表示したい部分に以下のスクリプトを書き込めば○○.jsからソースが呼び出され、いくつも同じソースを書く必要がなくなります。

<SCRIPT LANGUAGE="javascript">footer();</script>

また、メンテナンス時は、○○.jsに書いてある部分を変更したり削除したりコメントアウトしたりすることで容易に変更が可能です。

相対パス、絶対パス、javascriptの知識が少しだけあればできると思います。

検討してみてはどうでしょうか？

この回答へのお礼

みなさんアドバイスありがとうございました。
フッタもヘッダもPHPで読み込む方法でかたをつけました。
ありがとうございました。

お礼日時：2005/04/29 21:48

No.5 回答者： perl_beginner 回答日時： 2005/03/01 14:35

javascriptで表示したらどうですか？

public_html/index.html/であった場合と想定して、
まず、○○.js（○は適当です。）ファイルを作成し、以下の部分を入力して保存後、index.htmlと同フォルダに移動します。
function footer(){
document.write('<TABLE width="100%" cellpadding="0" cellspacing="0">');
document.write('<TR><TD>');
document.write('<HR size="1" noshade>');
document.write('<A href="company.html">会社案内</A> ｜ <A href="kiyaku.html">利用規約</A> ｜ <A href="privacy.html">プライバシーポリシー</A> ｜ <A href="otoiawase/index.html">お問い合わせ</A> ｜ <A href="sitemap.html">サイトマップ</A>');
document.write('<IMG src="image/line_blue_b.gif" width="100%" height="8" border="0">');
document.write('</TD></TR>');
document.write('<TR><TD align="right">Copyright All rights reserved CO.,LTD.</TD>');
document.write('</TR>');
document.write('</TABLE>');
}

次に表示させたいページのhead部分に以下を追加入力します。
<SCRIPT language=JavaScript
src="○○.js" type=text/javascript>
</SCRIPT>
入力後、表示したい部分に以下のスクリプトを書き込めば○○.jsからソースが呼び出され、いくつも同じソースを書く必要がなくなります。

<SCRIPT LANGUAGE="javascript">footer();</script>

また、メンテナンス時は、○○.jsに書いてある部分を変更したり削除したりコメントアウトしたりすることで容易に変更が可能です。

相対パス、絶対パス、javascriptの知識が少しだけあればできると思います。

ざっと作ったソースですので突っ込みどころ満載かと思いますが、検討してみてはどうでしょうか？

No.4 回答者： root139 回答日時： 2005/02/11 22:05

現在、htmlでホームページを作っているが、ヘッダ部分とフッタ部分は共通なので、一箇所を更新すれば、全てのページのが変わるようにしたいという事でしょうか？

もし、そうであるならば、PerlやPHPで動的にページを生成したり、htmlファイルを生成したりすることで出来ますが、かえって、プログラムなどのメンテナンスのほうが手間が掛かる可能性も大きいので、あまりお勧めできません。
ホームページ作成ソフトには、テンプレートやライブラリを作成して複数のページを一遍に更新する機能を持ったものも多いので、そういうものを使われたほうが良いかと。
http://www.macromedia.com/jp/software/dreamweaver/
http://www-6.ibm.com/jp/software/internet/hpb/
http://www.adobe.co.jp/products/golive/

No.3 回答者： BLUEPIXY 回答日時： 2005/02/11 18:40

外部ファイルでも文字列でもいいけど、

その中に置き換えたい部分を
_COMPANY_とか特殊な文字列にして、
ＰＨＰの場合
mb_ereg_replaceを使って置き換えるとかすればいいのでは。
見当違いだったらすみません。

No.2 回答者： Bonjin 回答日時： 2005/02/11 18:25

SSIが使用できないならフレームを使用するとか・・・

他にはPerl,PHPでヘッダ・フッダを外部ファイルから読み込むようにするとかですかね・・・

No.1 回答者： estea 回答日時： 2005/02/11 17:10

出来るけど、 ssi が使えるならそっちの方がらくかも

この回答へのお礼

SSIは残念ながら使えません。

お礼日時：2005/02/11 18:19