SSIの利用

ナビゲーションの変更が大変

　
　
HPを作成するとき、訪問者にわかり易いサイトにするために、ナビゲーションを設置すると効果的だと言うことを先ほど紹介しました。しかし、すべてのページに、このナビゲーションを設置した場合、それを変更するとなると、1ページごとに書き換えが必要になるため、かなり大変な作業になってきます。
　
そこで、そうした場合に、1ページのみ変更をすれば、すべてのページに反映される方法を用いて、ナビゲーションを設置しておくと、非常に作業が簡略化でき、気軽にナビゲーションを変更することができます。
　
その方法としては、いくつかありますが、ここでは、SSIを用いた方法を紹介したいと思います。(ただし、SSIを利用する場合には利用しているサーバーがSSIに対応している必要があるので確認してみて下さい。ロリポップやシーサイドネットなどは対応しているので大丈夫です。)
　
　

SSIを使ってみよう

　
まず、こちらのようにナビゲーションのみのページを作成します。
そして、好みの名前を付けて保存します。ここでは、「navi.html」と言う名前を付けてあります。
　
ナビゲーションの作成が終われば、次は、このナビゲーションを任意の箇所に挿入します。ここでは、こちらのページ「abc.html」に挿入してみます。
　
挿入方法は、ホームページビルダーのメニューから「挿入」→「その他」→「SSI」→「ファイル挿入」と選択して、「参照」からナビゲーションのファイルを選択します。
上記の例では、「navi.html」を選択します。
　
そして、挿入が終われば、SSIを利用する場合には、通常は、「html」ではなく、「shtml」にする必要があるので、普段の「html」とは異なった「shtml」へと拡張子を変更します。
　
あとは、うまく挿入できているかの確認になりますが、SSIの場合、通常のページを確認するようにプレビューボタンをして確認することは出来ず、サーバへの転送を行って確認する必要があるので、その転送作業を行います。
　
それで、完成したページがこちらのページになります。ブラウザで見る限り、SSIを利用していることは全くわからないことだと思います。
　
　
【注意点】
　

1、「file」と「virtual」の選択

ナビゲーションを挿入する際に、「file」と「virtual」の選択が必要だったかと思いますが、このどちらを選択するのかは、ナビゲーションファイル「navi.html」と挿入するファイル「abc.html」との階層の関係によってことなります。
　
ナビゲーションのファイルが、挿入するファイルと同じ階層にある場合には、「file」を選択し、ナビゲーションのファイルが、挿入するファイルよりも１つ上の階層にある場合には、「virtual」を選択することになります。
詳しくは以下のサイトを参照。
http://tohoho.wakusei.ne.jp/wwwssi.htm#About
http://cocohome.hp.infoseek.co.jp/ssi/include.html
　
　

2、不必要な部分を取り除く

また、ナビゲーションファイルは、ホームページビルダーで作成した場合には、不必要な部分をメモ帳などで開き取り除く必要があります。
　
こちらのページのソースを見ていただければ分かりますが、ホームページビルダーで作成した際には、以下のようなものが自動で挿入されることになりますがそうした箇所を、メモ帳などでページを開き編集する必要があります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"・・・・・・・・・。

詳しくは、以下のサイトを参照。
http://homepage3.nifty.com/aimix/hpbuild/ssirenew.html
　
　

SSIのポイント

SSIが利用可能なサーバーかを確認
htmlではなくshtml
fileとvirtualの使い分け
余計な部分を取り除く

STEP4＜＜

| about｜免責事項｜お問い合わせ | サイトマップ｜