擬似フレームを使用したHPの改造方法について

質問

• JavaScript等の知識が必要なため、擬似フレームを使用したHPの改造は難しいです。
• 参考サイトを使用すれば、スクロールするHPを作成することは可能ですが、ヘッダーやフッターの共用方法がわかりません。
• 擬似フレームを使用したHPの改造は高いスキルが必要ですが、参考サイトを利用すれば実現可能です。

回答No.2

Sylar · ベストアンサー

＞参考にしたサイトではJavaScriptを使用してメニューを読み込むようなのですが・・・・・・．
あ～、そういうことか。
単純にサイトに書いてることの説明になりますが

別のファイル「menu.js(仮)」を作って
document.write("<ul class='menu'>");
document.write("<li><a href='1.html'>page1</a></li>");
document.write("<li><a href='2.html'>page2</a></li>");
document.write("<li><a href='3.html'>page3</a></li>");
document.write("</ul>");
としておいて、

html側から
<div class="menu">
<script type="text/javascript" src="menu.js"></script>←これがメニュー部分
</div>
という感じで呼び出してます。

ちなみにヘッダーもフッターも同様に別ファイルから呼び出してますね。
ようするに複数ページの共通部分を外部から書き出すという感じでしょう。

ただ、このやり方だとSEO的にはあんまり効果なしだと思います。
SEO無視するなら擬似フレーム使わないでもいいと思うし。

＞ダウンロードできるようなサンプルファイルが無いので，全容が理解出来ないのです．
そういう場合はソースを見て外部ファイルへ直接アクセスしてみてください。
サイトでもこの部分の説明が書いてあったりする。
　　↓
自動生成メニューの作り方
（http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/auto_menu.html）

お礼

Sylar様．

無事外部ファイルを読み込めるようになりました．
色々とありがとうございました．