フレームを使用せずにHPにギャラリーとメニューを追加する方法

このQ&Aのポイント
  • HPを作成中で、ギャラリーとメニューを追加したいですが、フレームを使用せずに実現する方法を知りたいです。
  • フレームを使用しないでHPにギャラリーとメニューを追加するにはどうすれば良いでしょうか。
  • HPにフレームを使用せずにギャラリーとメニューを追加する方法を教えてください。
回答を見る
  • ベストアンサー

HPで、フレームを使用しない方法は?

今、ちょうどHPを作っている真っ最中なんですが、 ギャラリーを付けたいと思っています。 ギャラリーもメニューも同じなんですが、フレームでやれば一番簡単ですよね。 ページを分けられるし、スクロールしてもメニューは動かないし。 でも、フレームは使いたくないんです。 フレームを使わない方法はないのかな……と思っています。 使わない方法はあるみたいですし、そのやりかたのHPはたくさん見かけます。 私もそういう風にしたいと思っています。 言葉で説明すると 上にメニューを付けたいのですが、ただ付けるだけでは、スクロールしたら文章と一緒に動いてしまいますよね。 フレームで文章とメニューを分ければ、メニューは動かないですけど、そのフレームをなしでやる方法が知りたいです。 それと、ギャラリーですが、ギャラリーは、左横にメニューをつけようと思ってます。 それも、メニューと文章とでは分けたいんです。 ややこしいですけど、意味を理解してくれた方は、教えてください。

noname#90617
noname#90617

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

  • ベストアンサー
  • tsucu
  • ベストアンサー率62% (71/113)
回答No.2

javascriptもいいのですが、ブラウザでoffにしている人もいるので、ここは是非CSSを使った方法にチャレンジしてみてください。 ちょっと大変かもしれませんが、下記サイトを参考に。 http://web.hirot.jp/archives/000194.php http://css-eblog.com/csstechnique/post-12.html http://web.hirot.jp/archives/000194.php http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/p_frame.html

noname#90617
質問者

お礼

回答ありがとうございます! いろいろ調べた結果、擬似フレームを使うと良いんだな、って勉強になりました。 いろいろまだややこしくて頭の中でまとまってないような気もしますけど、 やってみてHPを作っていこうと思います。 他にも調べてみて、これから勉強しようと思います。

その他の回答 (1)

回答No.1

javascript使うのが良いのではないでしょうか。 サンプルのあるサイトをリンクしておきます。 他にも探せば出てくるかと思います。

参考URL:
http://himajin.moo.jp/menu/menu10.html
noname#90617
質問者

お礼

回答ありがとうございます! javascriptですか。 いまから試してみようと思います。

関連するQ&A

  • フレーム使用のHPでの掲示板のリンク方法について

    FC2でフレーム(左にメニュー、右に本文)を使用したHPを作成しています。 左のメニューのリンクを右のフレームに表示させることはできました。 しかし、私は日記としてお絵かき掲示板を利用しているのですが、お絵かき掲示板のページを右フレームに表示させるとスクロールが上手く出来なくなってしまいます。 マウスホイールでは普通にスクロールできますが、スクロールバーでやろうとするとスクロールバーをダブルクリックしないとできません。 また、マウスポインタが十字になってしまい、リンクはクリックできてもパスワードなどを入力することができません。 web拍手も同じようになっています。 自力で調べてはみたのですが、HPづくり初心者なためか全く原因も直し方も分かりませんでした。 説明が分かりにくいと思いますが、方法を知っている方がいましたら教えていただけると嬉しいです。 よろしくお願いします。

  • HPビルダー8 フレームを消して1つにまとめたい!

    HPビルダーでHPを作って公開しています。 でも今のHPはフレームを使って2分割に分かれています。 左のフレームにメニューが縦にならんでいてスクロールバーが付いています。右にはメイン?ページがあります。 それを分割しないで今度はフレームを使わず今までのHPの感じで1つのページに変えたいのですがどうやったらできますか? 作り直すしかありませんでしょうか? 宜しくお願いします!

  • HP作成中。3フレーム中2つを常に表示させたい。

    HPビルダー7でHP作成中です。フレームのあるページを作っています。 上(メニューボタンを並べる予定)と左横に細長くフレームを配置し、上フレームのメニューボタンを押すと右下の広めのフレームに(メニューボタンに応じて)ページが次々と表示されるようにしたいのです。 で、作ってみると上のメニューボタンを押すとページは変わるんですが、上のフレームまで消えてしまう(左のフレームだけそのまま表示される)のです。 上と横のフレームをそのまま常に表示させるにはどうしたらいいのでしょう? フレームを固定表示させるタグなどありましたら教えてください。よろしくお願いします。

  • フレーム3分割について教えてください!

    こんにちは。 私は今、メモ帳でホームページを作っているのですが どうしても一箇所出来ないところがあって質問させていただきます。 イラストサイトなのでギャラリーページを設けたいのですが、メニューフレーム→ギャラリーフレーム→イラストの表示ページという感じの構成にしたいのですが、どうやってタグを打てばいいのか分かりません。 今出来ているのは、メニューフレームとギャラリーフレームです。 メニューフレームの隣にギャラリーフレームを表示させることはできるのですが、メニューフレームのGALLERYボタンを押すとギャラリーフレームとイラストの表示ページが同時に出てきてほしいのです。 説明が下手ですみません!分かりづらいとおもいますので、私がやりたいことをなさっているイラストサイトのURLをはっておきます。 ここのGALLERYボタンを押した状態が質問内容です。 http://www016.upp.so-net.ne.jp/east_castle/ec-top.htm 一度ここで過去の質問を検索して調べたのですが、ソフトを使っっていたり、初心者では少し理解しづらかったので、丁寧に教えてくださると嬉しいです。 それでは長文失礼しました!よろしくお願いします。

  • HPの分割フレームを消したい(HPビルダー6使用)

    現在ホームページビルダー6を使いHPを作成しております。 そのトップページをフレームを利用して分割しました。 分割した左側フレーム内にメニューを設置し右側メインフレームにページを表示するようにしました。 (リンク先のページを別のフレームに表示すると言う項目です) しかし後になりこのトップページ自体を変更する事になり フレーム分割を無くしたいのですが分割フレームを消す方法が分かりません。 トップページは新に製作してindexに上書きしたのですが分割した左側フレームは何をしても残ってしまうのです。 HP作成は初めてで説明書を読みながらの作業なので お恥かしい話どうやってフレームを分割したのかさえ忘れてしまいました・・・。 どなたかこのフレームを消す方法を教えて下さい。 説明に不備がありましたら御指摘下さい。 出来る限り補足させて頂きます。 宜しくお願い致します。

  • HPのサイドメニューをフレームなしで作成する方法

    HPのサイドメニューをフレームなしで、全ページに一括して埋め込む方法ってあるのでしょうか? 1ページ1ページhtmlを編集してサイドメニューを作ると、メニューを増やしたときに全ページ編集せねばならず、メッチャメンド臭いです。 フリーソフトがあれば、ぜひ

  • フレームをCSSなど他の方法で・・・(HPビルダー使用)

    HPビルダーV9を使用しています。 今回HPのリニューアルを考えています。 フレームを使うことも考えたのですが、やはりスタイルシートなど他の方法の方が好ましいと思い、フレームを使わないことにしました。 しかしビルダーでやってみたもののよくわからず。。。 V9にはスタイリッシュエフェクトという新機能(簡単に言うとサイトの各ページに同じデザインを適用する機能)もあるのですが、うまくいっていない印象です。 というのもフレームを使った場合には、例えば縦2分割にして左にメニューを作成するような場合にメニュー部分のフレームページは一度作れば基本的にそのままで、あとは右側ページを個別に作ればいいと思うのです(あってますよね?)。 ただその新機能を使うとメニュー部分などの雛形は自動的に適用されるのですが、メニュー部分の内容(例えば映画コーナーとか音楽コーナーとかプロフィールなど各コンテンツ名)を各ページごとに書き直さなければなりません。 (デフォルトではメニュー部分が↓ ・メニュー1 ・メニュー2 ・メニュー3 という感じになっているので ・映画 ・音楽 ・プロフィール という感じに個別に書き直さなければならないということです) うまく伝わっていないかもしれませんが、どなたか教えていただけると幸いです。もし↑がよくわからなかったらお手数ですが補足要求していただけるとありがたいです。

  • フレームについて。

    説明が大変不足していたので改めまして質問させていただきました。 本当にすみません。 説明が下手なので図に描かせていただきました。 ↓下のURLを見ていただけると幸いです。 http://www12.oekakibbs.com/bbs/motto2727/oekakibbs.cgi?mode=res_msg&resno=9&author=0&thumb=0&picwid=704&pichei=563&thisfile=9.jpg ホームページビルダー11を使ってHPを作成しています。 topぺージのタイトルやメニューがある「left」とリンク先が表示される「right」があり、 そのリンク先の「right」の部分にgalleryのフレームを表示させたいのですが そのgalleryのフレームが上手に表示させることができません。 フレームを実際表示させ、galleryのメニュー内にあるpictをクリックしpictの画像が表示されるのですが、 表示されると同時にgalleryのメニューも消えてしまうのです。 どのようにしたら、タイトルやメニューがある「left」とgalleryのメニューとpictの画像が同時に表示されるように なるのでしょうか? 大変困っています。説明が下手で本当に申し訳ないのですが、どうかよろしくお願いします。

  • フレームなしHPを作るのは大変

    以前、Dreamweaver3でフレームなしHPを作った経験があります。そのソフトには複数ページの同一部分を更新する機能がついていたにも関わらず、更新を失敗し大変だった記憶があります。 だからといってページが変わるごとに複数ページ変えることも大変な気がします。 お手軽にフレームなしページを作る方法はあるのでしょうか?どんなHP作成ソフトがおすすめでしょうか?

  • フレームで作成した古いHPから新しいHPにジャンプさせるには

    フレームで作成された古いHPを新たにレンタルサーバーをかりて新しくしたのですが(HPの内容はまったく同じです フレームで作成してあります)古いアドレスでアクセスされる方が多いのでよくある 新しいHPに飛びます というようなふうにもしくはアクセスしたらすぐあたらしいHPにいくようにしたいのですが メタタグでrefresh を使って フレームのファイルにいれたり indexのファイルにいれたりしていろいろ試してみたのですがうまくいきません フレームを使わない方法ではうまくいったのですが(別のHPで試しました) どうしてもフレームを使ったHPを使っておこないたいのでどなたか方法を教えていただけないでしょうか? refreshを使わなくてもかまいません 別の方法があればそれでもいいのですが  もし不足の情報があればいっていただければ提供いたします ちなみに述べたHPは自分で作ったものではなくフレームの知識もありませんがフレームなしのHPは作ったことがあります   よろしくお願いいたします