• ベストアンサー

コンテンツメニューをすべてのページで統一したい

HTMLでカンタンなホームページを作れる程度のレベルです。 かつてはフレームを使ってサイトを作り、 メニュー部分はフレームでわけて、たとえば メニューに追加があったらメニューのファイルだけを 更新すればよかった・・・ それを、フレームを使わずに実現するには どうすればいいのでしょうか? スタイルシートかなにかで別ファイルを読み込むのかな といろいろ調べてみたのですがわかりません。 どなたかご存知でしたらお教えください。 お願いします><

  • HTML
  • 回答数5
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • haruka47
  • ベストアンサー率50% (75/150)
回答No.4

#1です。 >スタイルシートを読み込むように何か他の記述も必要ですか? SSIを呼び出すファイルの拡張子を「.html」から「.shtml」に変更してみてください。

参考URL:
http://web.webmeister-jp.com/design/tips/ssi.php
raintear
質問者

お礼

ありがとうございます! 教えていただいたURLが分かりやすいです~!!

その他の回答 (4)

回答No.5

#2です。 忘れていました。 使っているのがwindowsならActive Perlもダウンロードしてください。 これがないとwindowsでPerlが動かないと思います。 ただ、英語のページですから英語に自信がない場合は付録になっている本を探してください。 私は本の付録でダウンロードしました。 名前はここでは止めておきます。 何故かPerlやSSIの話になっていますが、JavaScriptは? JavaScriptならまさにCSS感覚で使えますよね。 クライアントサイドスクリプトです。 CSSも言いようによってはクライアントサイドですものね。

参考URL:
http://www.activestate.com/Products/ActivePerlProStudio/?tn=1
raintear
質問者

お礼

JavaScriptですか・・・ たしかに、PerlとかSSIってのは 私にはちょっとハードルが高いかもしれません。 どれかの方法で頑張ってみます。 本当にありがとうございました。

  • is_may
  • ベストアンサー率65% (58/89)
回答No.3

拡張子が.cgiのファイルを作成し、そのファイルの内容を以下のようにする。 (仮に「menu.cgi」とする ----menu.cgi-----------------------ここから▼ #!/usr/local/bin/perl print "Content-type:text/html\n\n"; print <<EOM; 統一する内容 EOM exit; __END__ -----------------------------------ここまで▲ 次に、.htaccessを使って.htmlのファイルでも SSIが表示できるように設定します。 「.htaccess」という名前のファイルを作り、それをサイトルートにアップロードしてください。 (.htaccessはファイル名のない、拡張子だけのファイル、といった感じの名前です。 FTPで強引に変更すれば普通にできます。) 内容は ----.htaccess----------------------ここから▼ AddType text/x-server-parsed-html .html -----------------------------------ここまで▲ です。 もし、サーバーが.htaccessをサポートしていない場合は、 統一メニューを表示するページの拡張子を 「.html」から「.shtml」に変更すればたぶんいけます。 最後に、表示させたい部分に <!--#exec cgi="menu.cgi"--> <!--#include virtual="../menu.cgi"--> などと書き込めば「menu.cgi」の内容がそのまま表示されます。 ちなみに、 <!--#exec cgi="http://***.jp/menu.cgi"--> などの絶対パスでの指定はできません。 説明下手でわかりにくいと思いますが、頑張ってください

raintear
質問者

お礼

本当にご丁寧にありがとうございます。 がんばってみます!!

回答No.2

AN HTTPDをダウンロードするとSSIを確認できますよ。 AN HTTPDは、LANにつながっているWindows マシンからホームページを提供できるほか、SSI/CGIをローカルでテストすることができるそうです。 私のPCではSSIの動作確認ができてます。

参考URL:
http://www.st.rim.or.jp/~nakata/
raintear
質問者

お礼

ありがとうございます~!!! 早速やってみます(><)!

  • haruka47
  • ベストアンサー率50% (75/150)
回答No.1

もし、お使いのサーバがSSIを使用可能であれば、メニューのページを別に作って、メニューを表示したい部分に <!--#include virtual="ファイルのパス" --> と書けばフレームを使わずに実現できると思います。

raintear
質問者

補足

早速のご解答をありがとうございます! サーバーでは、SSI・・・というのは使えるようです。 ちなみに、自分の手元で作っている段階で 確認することはできないのでしょうか? あと、ただそのファイルのパスを 表示したい部分に書いてみたのですが表示されません。 スタイルシートを読み込むように 何か他の記述も必要ですか? 重ね重ねすみません。。

関連するQ&A

  • コンテンツとメニューのページを同時に、

    メニューのフレームと、コンテンツのフレームを並列表示しているとき、 メニューのボタンで、コンテンツのページを入れ替えること、 <a href="・・・・・・.html" target="・・・・・・・"> メニューのボタンで、メニューのページを入れ替えること、 <a href="・・・・・・.html" > メニューのボタンで、別のページへジャンプすること、 <a href="・・・・・・.html" target="・・・・・・・"> は出来ますが、 メニューのボタンで、コンテンツのページとメニューのページを同時に入れ替えることができますか。 出来る場合は、HTMLを教えていただけませんでしょうか。

    • ベストアンサー
    • HTML
  • CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか?

    CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか? こんにちは。 今まで、ホームページビルダーを使って、HTMLでウェブページを作ってきました。 左カラムをメニュー部分として、インラインフレームで作成していました。 この度、SEO対策から、 CSSを使ったテンプレートに代えて作り変えようと思っています。 でも、いまいちよくわからないのですが、 スタイルシートで左カラム(メニュー)を書くとなると、 全てのページを作った後にリンクを貼って、 そのメニュー部分をすべてのページにまた複製しないとならないですよね?? 私のウェブサイトは、100ページ弱あるので、 なかなか考えただけで大変そうです。。。 スタイルシートで、2カラム形式左メニューのページを作成したことのある方、 もし良かったら方法を教えて下さい。 ※ちなみに、ブログは自己カスタマイズが大変なので利用しない方向です。 FC2で持っていますが、やっぱりHTMLの方が使いやすいので・・・

    • ベストアンサー
    • SEO
  • メニュー部分をスタイルシートで外部ファイルにしたいのですが

    当方HTMLのことは分かりますが、スタイルシートについては全く初心者です。現在管理しているサイトは、フレームを作り左側にメニューを載せています。これをスタイルシートで外部ファイルにしたいのですが、初心者でも分かりやすい説明があるサイトを教えていただけないでしょうか?また、書籍でも構いません。 できれば、テンプレートなどがあり、自分でゼロから作る必要のないものが有難いです。よろしくお願いいたします。 (OSはXPです)

    • ベストアンサー
    • HTML
  • メニューが変わった時、全ページ書き換えが必要か?

    ホームページ作成歴15年にもなるものです。とはいっても ここしばらくはあまりまじめにHP作りに取り組んではいませんでした。 今回久しぶりにある団体のHPを作ることになりまして、再勉強をしています。 以前はフレームを使って、上(左)枠にメニューのフレーム、下(右)枠にそれぞれのコンテンツを表示させるようなHPが多かったと思います。 しかし、この頃のHPをみると、styleシートを使い結構すっきりした一枚もののページが多いようです。 つまりメニューを押すと、全面のページが書き換わっているようです。 今回、わたくしもこのようなスタイルでHPを作ってみようと考えていますが、ここで一つ疑問があります。 作っていくうちにメニューの項目が増えたり変わったりすると思います。しかし、すでにその時点ではコンテンツページが10も20もできている可能性が大きいと思います。 その場合、メニューに関する部分は、その20ファイル全部手動で書き変えないといけないのでしょうか? なかなか文章で表わすと分かりづらいかもしれませんが、詳しい方ご教授願います。 よろしくお願いします。

  • フレーム部分の修正のすべてのページへの反映について

    添付の図のようにヘッダー、フッター、ナビゲーション部分をすべてのページにフレームとして利用し、メイン部分のみが変わるサイトがあるとします。 そこで質問です。 (1)このようなフレーム部分を作成する方法を教えてもらえませんか。ファイルをコピーしてメイン部分だけを変更する方法しか分かりません。こうするとフレーム部分を変更する場合、全てのページを変更しなくてはなりません。詳しいことはあまりよくわからないのですが、<div>と外部スタイルシートで各フレームは設定しております。HTMLソースのフレームを使う方法もありますが、スクロールバーが入ったりして見栄えが悪くなります。これら以外のどんな方法でも結構です。 (2)ナビゲーション部分には各ページへのリンクの項目(アイコン)を並べていますが、これらの項目を追加、削除、修正したい場合に1ページを変更すれば、全てのページにその変更を反映させる方法を教えてもらえませんか。 (3)また、メイン部分の情報量によってナビゲーション部分の長さを変えたいのですが、(2)の場合にはどうすればよいのでしょうか。 ソフトはホームページビルダー15を使用しております。 ビルダーを使用しない方法でも結構です。 よろしくお願いします。

  • Frameを使わないホームページの作成方法

    <frame>タグで、画面を分割していたWebページを、<frame>タグを使わないで書きかえたいと思います。 <table>タグやスタイルシートを使って書き換えようと思い、いろいろ調べたのですが、分かりませんでした。 デザインは画面左側にメニューがあり、右側にそれぞれの内容ページが表示されるよくあるパターンです。 <frame>タグの場合、別にHTMLファイルを作りメニューに追加してそのファイルを書き換えれば良いですが、<table>タグを使う場合や、スタイルシートを使う場合にはどうすればいいのでしょうか? また、メニュー項目が増えたときに1つのファイルの書き換えですむようにはできますでしょうか? もし、お分かりの方がいらっしゃいましたら、サンプルコードとあわせて 教えていただけないでしょうか? よろしくお願いいたします。

  • メニューを統一する

    ヤフーオークションやこのサイトもそうですが どこに飛んでもページ内の配置が統一されています。 たとえば宣伝の表示される場所、上下にある項目などの配置が統一されていると思います。 このようにサイト内の複数のページ全体で配置やその部分のデザインを統一するにはどうすればいいでしょうか。 スタイルシートだと背景の統一しかできないですよね。 ホームページビルダーを使用しています。 よろしくお願いします。

  • ホームページのメニュー

    いつもお世話になっています。 早速ですが、ホームページを作成中です。 メニューを左側に配置していますが、メニュー部分のみをhtmlファイル?で分けて保存して、ページにアクセスした時に同メニュー部分も読み込む・・・そんな感じにしたいと思いますが方法がわかりません。 、というのもメニュー部分のみを更新する必要がある場合、メニュー部のみを修正すれば他のページは自動的に反映される、と考えたからです(全てのページの左側には同メニューを配置)。 試しにメニュー部分のみを別のhtmlファイルで保存、全てのページの左側にファイル挿入で試したのですが別で保存しておいたhtmlファイルを更新しても当然各ページ部に変化はありません。 (ちなみにフレームで分けるのは避けたい、です)。 宜しくお願いします。

  • フレームを使用しないフレームのようなページ

    ホームページを制作しています。フレームは使用していません。 コラム集のページがあり、1つのコラムごとに1ページで作りたいと思います。 ヘッダ部分・メニュー部分・フッタ部分は1つのHTMLで、コラムを表示する部分だけ表示を切り替えたいと思っています。 (要はフレームを使用したページのようなものを実現したいです。) iframeを使用しようかと思ったのですが、 コラムページの内容量(縦の長さ)により、親のHTMLのページサイズを変えたいので iframeでは不可能と判断しました。 CSSやJavascriptを用いて上記のような事が実現できないでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • 全ページに同じ物を…

    フレームを使わずにページの一番上にメニューを表示させたいのですが、ページを更新したりしたら全てのページのメニューも書き換えなくてはなりません。 そこで、メニュー部分だけ別ファイルにして各ページで読み込む形式にしたいのですが、どうやったらよいのでしょう。

    • ベストアンサー
    • HTML