• ベストアンサー

メニューを別のhtmlで作成してincludeする方法

今までのメニューはフレーム分割した左側に置いていました。 しかし、フレーム非対応のブラウザのために、フレームをやめようと思っています。 大きなサイトでは、ほとんど使われていませんよね。 そこで、メニューなどをフレームなしで表示しつつ、別のhtmlで作成したいと思うのですが、どうすればいいでしょうか? できればCGIなどは使わずに行いたいと思っています。

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

  • ベストアンサー
  • css
  • ベストアンサー率52% (11/21)
回答No.2

メニューのHTML「だけ」を別ファイルに書き出して、 メニューを入れたい箇所に <!--#include virtual="書き出したファイルへの相対パス"--> これだけでできます。 うちはこんな感じ。 <!--#include virtual="../lib/contents.dat"--> <head>内もちょこちょこ書き換えるので、<head>内にも入れています。 入れたいHTMLの階層を全部一緒にしておくのがポイント。 (リンク先のパスが変わっちゃうと404多発するから) フレームなしの利点は携帯でも見れること。 装飾&画像を全てCSSで賄っておくとどんな環境でも問題なしでいい感じ^^

rally
質問者

お礼

ありがとうございます。 これで簡単にできそうです。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#5841
noname#5841
回答No.3

こんにちは。 SSIについて出てきていますので、以前似たような質問にSSIについて、 回答を書き込んだ事がありますので、ご参考☆ 共通で使うメニューではとても便利デス。 #6部分参照

参考URL:
http://oshiete1.goo.ne.jp/kotaeru.php3?q=342549
rally
質問者

お礼

参考にします。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

>大きなサイトでは、ほとんど使われていませんよね。 そうですか?多用されていると思いますが。 フレームのボーダーが見えないだけですよ。 また、フレーム非対応のブラウザということは、javascript等のスクリプトも非対応ということも。。。。あり得ます。 別環境のためのページを作成し、ブラウザ判定して見せるという方法が簡単な気がしますが。。。。。

rally
質問者

お礼

yahoo,goo,microsoftなどでも使われていないんじゃないかな~。 不特定多数を対象にしてるから、できるだけ使わないように・・・。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • フレームを使わずに、左側にメニューを表示したい

    目的:フレームを使わずに、左側にメニューを表示したい。 最近、多くのサイトで見られるのですが、フレームを使っていないのに、左側にメニューが表示されています。このメニューは各ページで同じになっています。これはどのようにして作るのでしょうか。HTML作成ツールを使っているのでしょうか。私は手書きでページを作成していますが、メニュー部分が変更した時の修正が大変そうです。

    • ベストアンサー
    • HTML
  • 効率の良いメニュー

    はじめまして。早速ですが質問をさせていただきます。 今、サイトを作っているのですが、メニューの更新について不便な点があります。 常に左端にメニューを置いているのですが、 ひとつメニューが増えるとすべてのページを改変しなければなりません。 メニューとページをフレームで分ければ良かったのですが、 検索エンジンなどへの対応などを考えると、 フレームは使いたくなかったんです。 何か、便利というか、効率の良い方法はないでしょうか? あまり詳しくないですが、cgiなどそっちの方面や、 メニューの表示の形を変えるなどアドバイスいただければ、 お願いします。

  • ホームページ作成方法について

    ホームページ作成でアドバイスをお願いします。 現在ホームページを作成しようとしていて、レイアウトとして、 上部に横長の固定画像でその下部分を左と右の2分割にして、 左側にメニューの一覧、右側にその選んだメニューの内容を 表示しようと考えています。 イメージとしては、こんなページhttp://www.fukujuen.com/recruit/index.html でトップページ、会社案内などのメニューが待遇、選考方法の 所にあるイメージです。※上部にメニューは要りません。 こんなレイアウトを作成する際に、フレーム作成でいくのか、 各メニューのページを作成して、見た目フレームっぽくして 単純にリンクさせるだけとした方がいいのか悩んでいます。 分かりにくい説明ですみませんが、アドバイスお願いします。

  • ホームページ作成で、フラッシュ素材をクリックすると、分割してある別のフレームに画面が出ません

    1ページを2フレームに分割してあります。 左側をフレーム名 → <FRAME src="index-l-.htm" name="left"> 左側をフレーム名 →<FRAME src="index-l-.htm" name="right"> フレーム左側は、メニュースペースとしてあります。 右側は、左フレーム内に設置してある項目をクリックすると、そのページが表示されるようにしてます、 今までは、このページの左側は、テキスト形式で 項目を表示して、クリックすると 右側に表示してました。 例 左側メニュー項目【自己紹介】をクリックすると、右側に【自己紹介ページ】 このときのコマンドは、<A href="sub-zikosyoukai.htm" target="right"><ACRONYM>自己紹介</ACRONYM></FONT></A></DIV> 左側を、フラッシュでメニュー項目で表示したいのですが、 &menu1=自己紹介& &menu1_1=自己紹介& &url1_1=sub-zikosyoukai.htm& &target1_1=_right& と、してみたのですが、フレーム右側に表示されず、新しいウインドウになって表示されてしまいます。 &target1_1="right" と入力してみても駄目でした、 テキストで別フレームへクリック結果を表示するのと、フレーム名は同じでもコマンド名が違うのでしょうか? ちなみに、こちらのフリー素材 メニュー2をダウンロードして行ってみました。↓ http://naturalbreeze.cside.com/flash/menu/menu.index.html http://naturalbreeze.cside.com/flash/menu/menu.index.html この素材のメニュー画面は、英語文字しか表示できませんが、上記のメニュー項目及びプログラム名の 自己紹介と日本語表示してあるのは、わかりやすくする為です、実際にこちらで作成した、サンプルは、英語文字で 行ってます。皆様のお力をお借りできれば幸いです、何卒、よろしくお願い申し上げます

  • ビルダーで作成しています。フレーム設定でリンクする方法

    初心者です。 フレームをつくって左側がメニューで右側に情報がはいるようにしています。 メニューのほうのボタンをクリックすると 隣のフレームに画面が表示されるように作成したいのですが、 左側のフレーム内に表示されたり、新しいウインドウができたりしてうまくいきません。 ビルダーを使っている方、どうすればいいのかぜひ教えてください。

  • フレームを使用せずに、各ページで共通に使用するメニューの作成方法

    フレームを使用した場合には、検索サイトへの登録などが不利になるということで、フレームを使用しないページ作成が良いと言われていますが、全てのページで共通的に使用されるようなメニュー一覧などは、フレームを使用しないと全てのページで作成しなければならず、結果としてメニューの修正が合った場合には、全てのページに正を行わなければなりません。 全てのページで共通的に使用されるメニューなどをフレームを使用せずに簡単に作る方法はあるのでしょうか。CGI/SSIなどを使用すれば、できると思うのですが、HTMLだけでこういったページ作成はできるのでしょうか。

  • ホームページのメニュー作成で

    ホームページをヒームページビルダー13の標準モードで作成しています(初心者です)。 フレームを3段に分けて真ん中のフレームをメニューとして作っていますがメニューへマウスを置くと画像が変わるロールオーバーにしたのですが、 クリックしてページを表示した時にそのページにあたるメニューの項目がマウスを置いた時の画像(または別画像)になり、 どのメニューのページが表示されているのか分かるよようにできればと思っています。 一つ一つのページのメニューを変更し登録をする以外に方法があるのでしょうか?(CSS等?) フレームを使う事で不都合があるようでしたら、変更することも可能です。 アドバイスを宜しくお願いします。

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

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

  • 左がメニューで右がコンテンツのサイトはフレームなの??

    OKWebやヤフーなど一般的なサイトは左側にメニューがあり 右が中身が多いですが、 このようなサイトはフレームで分割してあるのでしょうか? どのような技術が使われているのか教えてください。

    • ベストアンサー
    • HTML
  • DreamWeaverでのフレーム作成

    分からなくて困ってます。教えてください。  DreamWeaverMXを使用しています。 Fireworksで縦のポップアップメニューを作成しました。  DreamWeaverでフレームを縦にニ分割して左側にメニューを挿入しましたが・・・、実際にプレビューしてみると、右のフレームの写真とポップアップ部分がダブってしまい、ポップアップのほうが写真の下にはいってしまい、表示されません。メニューを写真の上に表示したいのです。  いろいろと本を調べたりしたのですが、そのような例を探すことができませんでした。  どなたか知っている方がいらっしゃったら、教えてください。