• 締切済み

HP上でのメニューボタン作成について

ホームページを作成しています。 作成中に疑問に思ったことがあります。 全ページにメニュー(図クリックでリンクに飛ぶもの)をつけたいのですが、メニュー表示のHTMLを全ページで共有(1つで管理)することはできませんか? メニューに変更があるごとに全ページ修正するのはさすがにどうかと思うので。 CSSの使い方次第できるのでは・・・と思っているのですが。 (でも、メニューとページが別れて表示される方法は避けたいです。)

  • HTML
  • 回答数3
  • ありがとう数2

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

汎用性を考えるとできないと答えたほうが良いようです。 iframeで別のページを内部に貼り付ければよいのですが、そのためだけにiframeを入れるのは感心しません。第一、そのリンクリストはディレクトリ単位で書き換えなければなりません。  逆に、ページ内にニュースなどの変化するコンテンツをiframeでいれるような用途で使います。  そもそも、HTMLで書かれる文書は文書構造がきちんとできているからこそ、CSSが生きてくるのです。★もちろん、SEOとしてもGood★  たとえばこのサイト( http://deztec.jp/x/02/xhtml/strict.html )で示されているように、 <html>  <head></head>  <body>   <h1>見出し(レベル1)</h1>   <ol><!-- ページ内目次 --></ol>   <div>    <!-- 本文 -->    <h2>見出し(レベル2)</h2>    <p>段落</p>   </div>   <h3>パンくずリスト</h3>   <ul>    <li>他のページへのリンク</li>    <li>・・・</li>   <ul>  </body> </html> のように書かれていたら、ある程度のHTMLエディタ(テキストエディタ)から「ファイルから置換」のような機能で一括して変換できますね。  なお、XMLでページを作成し、スタイルシートにXSLTを使えば、単純なXML文書から、新しい内容を付け加えることは可能です。  ただ、対応するブラウザはそれほど多くなく、現状では、サーバー側にXSLTプロセッサ( Xalan http://www.mlab.im.dendai.ac.jp/~20597/web/tool/xalan-j/ )などを組み込むことになります。

noname#105044
noname#105044
回答No.2

frameタグを使えばいいと思います。 ここで説明するには長くなるかもしれないので、 検索サイトにて「フレーム html」などと入力すれば たくさん出てきますよ。

  • dezimac
  • ベストアンサー率56% (2365/4208)
回答No.1

CSSはあくまでデザイン要素だけで、内容は(X)HTMLです。 外部CSSで全ページの見た目だけを統一/一遍に変えるとかは出来ても、メニュー等の中身を変えるのは不可能です。 SSIが扱えるサーバなら、メニュー項目だけ記述したファイルを1つ作って各ページに組み込むとかできます。 ・ページ作成実践講座[10] HTMLの共通部分をSSIで効率管理 - [ホームページ作成]All About http://allabout.co.jp/internet/hpcreate/closeup/CU20020520A/ あとは、JavaScriptで外部のファイル読み込むとか<object>タグや<ifreme>タグを使うとか。 ・JavaScript外部ファイルでメニューを一括管理するサンプル http://www.esli.co.jp/javascript/dhtml/gaibu_innerhtml.html ・HTMLタグ/埋め込みタグ/様々な形式のデータを埋め込む - TAG index http://www.tagindex.com/html_tag/other/object.html ・HTMLタグ/フレームタグ/インラインフレームを作る - TAG index http://www.tagindex.com/html_tag/frame/iframe2.html

関連するQ&A

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

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

    • ベストアンサー
    • SEO
  • CSSでメニュー作成

    OS:WindowsXP ProXP2 現在ホームページを作成しています。 メニューを作ろうと思うのですがフレームは使いたくありません。 実現したいことは左にメニュー、右に内容を表示させようと考えています。(メニューはリンク先へジャンプしても変わりません) しかしCSS(float)を使って実現できそうなところまで調べたのですが、 この方法ではリンク先をページ毎に書かなくてはいけなくなってしまい、もし変更があった場合全ページを修正しなくてなりません。 メニューだけ外部ファイルなどにして呼び出す方法はあるのでしょうか? ご存知の方ご教示宜しくお願いいたします。

  • メニューについて

    こんにちは。私の少ない知識&経験では分からないので、教えてください。(質問が) webサイトのメニューですが、1ページごとの設定ではなく、フレームのように全てのページに一括でメニュー設定する方法ってありますでしょうか? つまりメニューのリンク先が変更になった場合、フレームだと、1ページのUPだけで済みますが、フレームでない場合、メニューを設定している全てのページのUPをしないといけなくなります。 これを、メニュー設定ページだけの修正・更新で済むようにすることは可能なのでしょうか? 会社のホームページを作成しており、社長から「メンテナンスが楽になるよう、CSSだけの変更で済むよう作成出来ないのか」と指示されました。 私の少ない知識では、CSSはデザインなので、メニューのリンク設定は無理だと思うのですが…。 ページ数が多いサイトなどは、どのように管理されているのでしょうか? 方法があれば教えていただけませんか?

    • ベストアンサー
    • HTML
  • ホームページのメニュー作成で

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

  • htmlとcssを使ったメニューバー

    HPのメニューバーをhtmlとcssを使用して作成したいのですが、どういう風に調べてよいのかもわからないので、アドバイスだけでもいいので教えてもらえると助かります。 例えば下のようなメニューを作成するとします。 (「□トップ」という一つ一つの画像だと思ってください) □トップ □日記 □写真 □リンク これをフレームページの左側に表示させます。 トップページを右側に表示させている時、メニューのトップというところの画像がいれかわり、 ■トップ □日記 □写真 □リンク 上のように表示させ、日記ページを右側に表示させている時も同様に □トップ ■日記 □写真 □リンク と、現在見ているページのメニュー画像のみを入れ変えるという設定にしたいです。 できるのなら、cssとhtmlの記述例を教えてくださると大変助かります。 よろしくお願いします。

  • HPのメニューを作成してます。

    HPでリンクするページをメニューとしてAタグを使って書きました。 そこに、例えば『リンゴ』と『みかん』と『ブドウ』のページがあるとして、それをまとめて『果物』という表示にしておき、onMouseの時にプルダウンメニューのようなものが出るようにして、それぞれのページを選べるようにしたいと思っています。 Flashなどを使って、画像にしてからだと出来るとは思うのですが、JavaScriptを使って簡単にそれを作成することは出来ませんか?? 文章が下手ですみませんが、宜しくお願いします<m(__)m>

  • ホームページ作成でのリンク

    はじめまして。 HPを作成しているのですが いくつかのページ(全て自分が作成したhtmlファイル)をリンクしてみると特定のページのリンクをクリックしても、ページを表示しません。 HTMLとCSSしか使っておらず、 複雑なことも難しいこともしていません。 なぜ、このような事が起こっているのか 分かる方いらっしゃいますか? 宜しくお願いします。

  • アメリカのヤフーのようなメニューの作成

    ホームページを作成しています。 趣味でサイトを作っているので、素人です。 アメリカのヤフーのトップページ左側にあるような、「アイコンが左側にあって、その横にAnswersとかAutosのようなリンクがあるメニュー」はどうすれば作ることができますか? http://www.yahoo.com/ cssでulの先頭に画像を入れてみましたが、これだと同じアイコンしか表示されません。 一行ずつ違うアイコンを表示できるようにしたいです。 完璧にヤフーと同じ方法は、恐らく私には無理なので、”それっぽく見える”方法などがあればと思うのですが。 すべてのページに同じメニューを作りたいので、できるだけ余計なタグが入らない方法(cssなどで)があれば、教えていただきたいです。

    • ベストアンサー
    • HTML
  • ホームページのメニューボタンについて

    Dreamweaver CS3でホームページを作成しているのですが、ホームページのメニューボタンについて教えて下さい。 様々なサイトをみるとメニューボタンの作りが色々ありますが、下記の3つの方法それぞれのメリット、デメリットを教えて頂けないでしょうか?SEO対策にはどれがいいのかも教えて頂ければ幸いです。 1.ボタンにphotoshopなどで作成した画像を使用する。 2.ボタンの背景のみphotoshopなどで作成した画像を使用し、文字はHTMLで入力する。 3.文字をHTMLで入力し、CSSで背景の色などをデザインする。 宜しくお願いします。

  • HPのメニューの作成方法。

    こんばんは。現在HPを作成しているものが、TOPページにメニューを作成する際に、文字でメニューを作成しているのですが、そのメニューの表示を右上に向かって斜めるようにしたいのですが、こういう場合背景にメニューも一緒に書いてFlashなどを使ってリンクを作るのでしょうか? Flashは全く今まで触ったことのない分野なのですが。。もし方法があるようでしたらお知恵をお貸しくださいませ。 よろしくお願いします。