おはようございます！
寒くて外出るのが嫌になりますね～
そんな中最近良く思うことがあります。
事務所の足元が寒すぎてもうどうにもなんね～
てことです。
扇風機で空気をかき混ぜ始めたんですが
まだまだ効果が認められませんｗ
さて話は変わりますが、
htmlを組むときに
ヘッダー部分やレフトナビ、フッター部分など
共通して使う部品ってありますよね？
それをDreamweaverならそれらを簡単に部品化できますが
それでもどうにもDreamweaverより簡単に部品化できないかってことですが
ここで使う方法はPHPとCGIです。
両方共サーバーで動かすプログラムなんで
サーバーに負担がかかる、
読み込み時間に時間がかかる
(ほとんど場合、体感はあまりできないと思います)
などデメリットもありますが
管理が楽々でメリットも多いです。
PHPでする場合、ファイルの拡張子をPHPとしてするのが一般的だと思います。
.htaccessで特殊に動かす場合は今回は除きますｗ
さてさてPHPで動かす場合は
読み込む側のファイルは拡張子が.phpである必要があります。
読込される側は拡張子は.htmlでもOKです。
読み込みするファイルには、
include("読み込みするファイルのパス");
file_get_contents("読み込みするファイルのパス") ;
を必要な箇所に書き込むだけ。
個人的にパーツの読み込みでしたら後者を使います。
詳細は語りませんｗ
それとCGIでしたら
<!--#include virtual="読み込むファイルのパス"-->
でいけるはずです！
詳しくはGoogle先生に聞いてくださいw
では使う実例として、
■index.html
<内容>
<div>ヘッダー
</div><div>コンテンツ
</div>
<div>フッター
</div>
のような構造のhtmlがあるとします。
下層ページにもヘッダーとフッターを使うことは多いと思います。
ですのでここを部品化します。
まず、ヘッダーとフッターをそれぞれ.htmlなどの拡張子で
保存します。
■header.html
＜内容＞
<div>ヘッダー
</div>
■footer.html
<内容>
<div>フッター
</div>
な感じですねｗ
CGIを使用する場合で、
すべてのファイルが同じ階層なら
index.htmlは
■index.html
<内容>
<!--#include virtual="header.html"-->
<div>コンテンツ
</div>
<!--#include virtual="footer.html"-->
のような感じです。
これでCGIが動けば部品化の完成です。
ただトップページと下層ページだと
ヘッダーやフッターにリンクを張ると思いますので
相対パスにきをつけてくださいね。
それではよいHTML生活をｗ
