• 締切済み

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

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

みんなの回答

回答No.2

はじめまして。 まず、"FRAMESET"タグは理解できていますか? 又、フレームのリンクは理解できていますか? この2点が重要になってくると思います。 "FRAMESET"タグとリンク方法については以下のページを参考にして下さい。 http://www5f.biglobe.ne.jp/~web_site/F_1.html 問題の作りたいページですが 分割して考えてみましょう。 拝見した限り、"gallery"ボタン以外は3分割されずに2分割で表示されますね。 では、"gallery"以外の表示方法はわかりますか? これは単純にフレームページの定義ファイルの <frame>タグに「name=""」属性を付けることで 各フレームに「名前を付ける」作業をしてフレームとしての関連付けを行っています。 又、指定のフレームにリンク先ページを表示するには <a>タグに「target=""」属性をつけ、フレームに付けた名前を指定します。 gif画像のボタンがあるのでややこしく感じますが 上記サイトをよく読むと理解できると思います。 問題の"gallery"の表示ですが "gallery"のリンク先のページが縦2分割のフレーム表示になっているだけです。 要するに一番左側に表示される"gallery"ページと 縦2分割されたフレームページが表示されて縦3分割になっているように見えるだけです。 ですので、表示させたいリンク先のページを縦2分割のフレームページにすれば大丈夫です。 ここまで理解できたでしょうか? 作成方法ですが ・"gallery"ページのリンクのあるフレーム分割されたTOPページを作成する ・"gallery"の左フレームのページを作成する。  この際に右フレームに表示される画像リンクも作成する。 ・"gallery"の右フレームのページを作成する。 ・"gallery"をフレーム表示する"galleryTOP"ページを作成する。 ・"galleryTOP"ページをホームページTOPページにリンクさせる。 でしょうか。 参考程度のソースを載せておきます。 こんな感じでおおまかなページは作れると思います。 各htmファイルは適当に作成して下さい。 「name=""」属性も適当に入れて下さい。 あくまで3分割フレーム表示だけです。 ・TOPページのソース ※"hidari.htm"に"galleryTOP.htm"のリンクを記述します。 <HTML> <HEAD> <TITLE>sample</TITLE> </HEAD> <FRAMESET frameborder="NO"> <FRAME src="hidari.htm" name="xxxxx"> <FRAME src="migi.htm" name="xxxxx"> <NOFRAMES> <BODY> </BODY> </NOFRAMES> </FRAMESET> </HTML> ・galleryTOP.htmのソース ※"galleryhidari.htm"に画像リンクのソースを記述します。 "gallerymigi.htm"は最初に表示される画像。 <HTML> <HEAD> <TITLE>galleryTOP</TITLE> </HEAD> <FRAMESET frameborder="NO"> <FRAME src="galleryhidari.htm" name="xxxxxx"> <FRAME src="gallerymigi.htm" name="xxxxxx"> <NOFRAMES> <BODY> </BODY> </NOFRAMES> </FRAMESET> </HTML> という事でよかったでしょうか? 頑張って作成して下さいね!

  • ayano8169
  • ベストアンサー率60% (39/64)
回答No.1

すみません、ちょっと理解が出来なかったので先に確認をさせて頂きたいのですが… 今メニューの「ギャラリー」をクリックすると右フレームに、ギャラリーメニューとヒノエ画像のあるページ(ここに表示されるぜ!のやつ)の2つが同時表示されると思うのですが。 それを、ギャラリーメニューと特定のイラストが同時に出るようにしたいのでしょうか? 8honokaさんの「イラストの表示ページ」がどれを指すのかわからなかったので…^^;

8honoka
質問者

補足

説明不足ですみません! そうですね、ギャラリーメニューと特定のイラストが同時に出る。これを前提として、ギャラリーメニューのサムネイルを押すと違うイラストが…例で言いますとヒノエ画像と交代して出てくるようにしたいです。 やり方もいろいろとありそうですし、No2さんも答えてくださっているようなので、少しずつ試しながらやっていきたいとます。もしお分かりになるようでしたら教えてください!

関連するQ&A

  • フレーム機能を使わないのはなぜですか?

    サイトで、メニューやそのサイトのタイトルはほぼ変化がない箇所ですよね?そういう場合はフレーム機能があったほうが、常にそれらが表示されているので有効だと思ってました。 がデザイン性に優れたサイトでフレームを使用していない所も多々あります。ソースを見ると全てのページに同じメニューやタイトルのタグを表示しています。 どうしてなのでしょうか? 今サイトをリニューアルしようと思ってるのですが、フレームを使うべきか迷っています。 是非教えてください。お願いします!!(><)

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

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

  • フレーム分割したページの表示で困っています。

    ホームページビルダー9でホームページを作成しています。 ページを上下に2分割して上のフレームにリンクメニューを、下のフレームにメニューのリンク先を表示するように作りました。 自分のデスクトップパソコンでは問題なく表示されているのですが、試しにB5サイズのノートパソコンで表示してみると、画面全体が表示されず、上のページのメニューボタンを表示しているところが下のフレームページで隠れてしまっているのです。 下フレームは属性で自動的にスクロールバーが出るように設定しているので問題ないのですが、上のメニューは「なし」に設定しています。 ※デザイン上、表示させたくないので。 ここからが質問です。 ページを表示させた時に、ページ全体のサイズを変えても上のメニューのフレームページが常に下のフレームページの上に来るように、つまり、上のメニューページのサイズは変わらないように固定させる方法(!?)を教えて下さい。 説明がへたで申し訳ないのですが、どうぞ宜しくお願いします。

  • イラスト系のHPをお持ちの方、またはよく閲覧する方に質問です

    イラスト系のサイトをお持ちの方は、サイト内にご自分の作品を置いてらっしゃると思いますが、表示のしかたをどうしてらっしゃるか聞きたいです。出来れば理由もお願いします<(_ _)> ①ギャラリーページを別窓で独立させ、そこへ展示している ②メニュー中の「ギャラリー」等の文字やボタンをクリックするとギャラリーページが親窓表示され、そこへ展示している ③メニュー内にはギャラリー的なコンテンツは設けず、メニューの下等に作品を置いて、フレームを利用しトップページに作品が表示されるようにしている ④メニュー内の「ギャラリー」等の文字やボタンをクリックすると、フレームでページが「トップメニュー」「ギャラリーメニュー」「表示場所」の3つに分割されて表示され、ギャラリーメニューを選択すると表示場所に作品が表示される ⑤画像自体全て別窓表示 ⑥その他 分かりづらくてすみません(>_<) イマイチピンと来ない方はご自分の言葉で説明してくださっても結構です。また、「⑥その他」の方は表示のしかたを表記していただけると嬉しいです^^ そしてよくこういったページを閲覧される方、上記6つの中で、閲覧者の立場としてはどれが見やすいか、またそれは何故か、ということについてご回答いただけると嬉しいです。 よろしくお願いします。

  • フレームのことで

    今、作っているサイトでは縦2分割のフレームを利用しているんですが ちょっと困っています。 それは、左側の小さい方のフレームにサイトの主なメニュー(リンク)を 置いているんですが、そのリンク先が大きいほうのフレームに 表示させたいのですが、小さいフレームにリンク先が出てきてしまいます。 小さいフレームにある方のリンク先を大きいフレームの方に 表示させるにはどうしたらいいですか? ちなみに、フレームは以下のタグを使っています。 どんなタグをどこに書き足したらいいのか、教えてください。 <FRAMESET COLS="25%,75%"> <FRAME SRC="menu.html" NAME="main.html"> <FRAME SRC="main.html" NAME="main.html"> </FRAMESET>

  • フレームページの表示について

    現在メモ帳タグ打ちでサイトを作っており、フレームページを 現在作成中なのですが、一つ自分の知識では解決できない問題が できてしまったので質問させていだきます。 2分割フレームで、 メニュー ┃ 表示ページ メニューでリンクをクリックした際、 表示ページにリンク先を表示させたいのですが、 新窓開きになってしまいます。どうすればいいのでしょうか? 講座サイトで見たターゲット指定もやっているのですが・・・。 ご回答お待ちしております。

  • FC2HPでフレーム作成

    トップページのフレームは表示されるのですが、リンク先のフレームが表示されません。 トップページからGalleryに飛ばしたいのですが、左のページ(gallerymenu.htm)と右のページ(gallerymain.htm)を個別に見ると表示されるのですが、フレームページ(gallerytop.htm)は何も表示されません。 フレームページのソースです。 <html> <head> <title>Gallery</title> </head> <body> <p><frameset cols="150,*"> <frame name="hidari" src="gallerymenu.htm"></frame> <frame name="migi" src="gallerymain.htm"></frame></frameset></p> <p>&nbsp;</p> </body> </html> メモ帳でhtmファイルを作ってアップロードするといい、と見かけたのでやってみたのですが変わらずフレームページにメニュー・メインは表示されません。 何かタグが間違っているのでしょうか? ホームページの仕様が変わってしまったので使いにくいです。 よろしくお願いします。

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

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

  • フレームについて

    私は今サイトを作ろうとしています。 そこで、フレームの設定の仕方がよく分かりません。 フレームは、メニューの部分と、メインの部分のページをそれぞれ作ってから、また新しいページでそれらを表示させるんですか? 教えてください。よろしくお願いします。

  • フレームページのメニューボタン

    いくつか同じような質問がありましたが、スクリプトでの解決方法がみつかりませんでしたので質問させてもらいます 今フレームを使ったHPを作っています フレームは上下で分割してあり、上のフレームにはFLASHをつかったメニューボタンを入れあり、ボタンを押すことで下のフレームに各ページを表示させます メニューボタンはマウスが乗ると色が変わるボタンなんですけど 下のフレームに表示してあるページと対応したボタンが常にonの状態になるようなFLASHメニューにしたいんですけどスクリプトをどう記述したらいいかわかりません だれか教えていただけないでしょうか? ちなみにFLASHソフトはフリーソフトSUZUKAを使っています

専門家に質問してみよう