フレーム作成の方法と注意点

このQ&Aのポイント
  • フレームを後から組み合わせることは可能であり、フレームセットファイルを立ち上げて「ファイル」→「フレーム内に開く」で行います。
  • フレームの間の隙間をなくす記述は、フレームセットのファイルに記述する必要がありますが、「frameborder="0">」の記述では隙間が消えません。
  • フレームを3つから2つに切り替える場合、メニューボタンによってメインだけを表示することも可能です。
回答を見る
  • ベストアンサー

dreamweaverのフレーム

「上固定、左ネスト」といわれる3つに分けられたフレームを作りたいのですが、知識があまりないのでよろしくお願いいたします。(CSSも使って作る予定) 1.この3つのページははじめから3つの組み合わせた状態で作らなくても、1つ1つ作って後から組み合わせることができるのかどうか。 また後から組み合わせる場合、フレームセットファイルを先に立ち上げて、開く場所にカーソルを置き、「ファイル」→「フレーム内に開く」でいいのでしょうか?) 2.各フレームの間の隙間をなくしたい(top下と左右の間)と思うのですが、その記述はフレームセットのファイルに記述するのでしょうか? その記述として「frameborder="0">」という記述でやってみているのですが消えません。 3.topのところにメニューボタンがあり、下左フレームのサブメニューとメインで2つに分けたい場合とtopの押すボタンによっては、メインだけでいい場合があるのですが、そういうフレームを3つ→2つへの切り替えはできるのでしょうか(簡単にお願いします。) よろしくお願いいたします。

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

  • ベストアンサー
  • 01140524
  • ベストアンサー率100% (4/4)
回答No.1

まず、フレームを使ったWEBページはあまりよくないです。 HTML5等も徐々に普及していますし、フレームタグは廃止されますので。 参考URL:http://html5.ononolab.com/?p=135 ですので、DIVタグを用いてそれぞれを区切って、CSSでデザインするのがよいと思われます。 dreamweaverなら、自動で簡単にやってくれるはず。 参考URL:http://www.non-period.com/be/dw/cs3/001-3.html これらのURLが参考になると思われます。

matyu0531
質問者

お礼

01140524様回答ありがとうございます。 下記サイトでわかりやすい記述解説がありましたので勉強してみます。 allabout.co.jp/gm/gc/23844/

関連するQ&A

  • DreamWeaverのフレーム

    上のフレームとそれにネストした右のフレームを設定し、逆L字型のように一体化したメニューを置きたいのです。 Fireworksでそれぞれのフレーム用にデザインし、DreamWeaverのフレームセットで書き出してみました。 ブラウザでレビューしてみると、右側のフレームが少し下がった状態になり、上のフレームと結合しません。上と右のデザインは高さ、幅等、ピクセル単位で融和できるよう作ったつもりなのですが・・・。 ビルダーではHP作成したことはありますが、フレーム作成ははじめて、またこのソフトも初めてなもので言葉足らずですみません。何かヒントがあれば、ご指南くださいませんでしょうか。

  • Dreamweaverでフレーム活用

    メニュー画面(BBS/LINKなど選ぶ部分)とそのコンテンツのページ(bbs.html/link.html)などを別々に作りました この別々のものをひとつに結合させたいのですが、フレームの設定はどうすればいいのでしょうか? できれば「上フレームおよびネストした左フレーム」というスタイルで 上フレーム 画像ファイル(ロゴ) 左フレーム menu.html 中身(残り) コンテンツ(bbs.html/link.htmlなど) としたいです menu.htmlは幅200ピクセルあれば十分です 中身?の部分のみが切り替わるようにしたいです どうかお返事ください・・・

  • フレームセットができない・・

    フレーム構造のページを直に呼び出すためのリンクを作ろうとしています。 要は、フレームがセットされた状態で呼び出すということです。 http://www.ほげ.net/ほげ/ほげ/021107_ほげ.html    メイン部分のURLがこうだとして。 http://www.ほげ.net/ほげ/ほげ/021107_ほげ2.html この場合は、同じディレクトリーにソースを入れ込みます。ファイル名は 021107_ほげ2.htmlです。そうすれば、例えばメルマガなどで上記URLを入れ込 めば、フレームセット状態でページが表示されるはずなんですが メインの文章の右側をスクロールさせます。で、以下のようなソースを作った のですがどうしてもメインのhtmlが出てきてくれません。 □□□□□□□□□□□□□□□□□□□□□□□               header.html □□□□□□□□□□□□□□□□□□□□□□□   □   □ ※   □ ス   □               ク menu.html  □               ロ   □               ル   □ ****.html   ※ ------------------------------------------------ </HEAD> <frameset rows="90,*" border="0" framespacing="0" frameborder="NO"> <frame src="../../header.html" name="header" noresize scrolling="NO"> <frame src="../../menu.html" name="left" noresize scrolling="NO"> <FRAME SRC="*****.html" NAME="main" SCROLLING=YES> <NOFRAMES> <BODY> このページを見るのにはフレームの表示ができるブラウザが必要です。 </BODY> </NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • フレームの境界線

    ホームページでフレームのページを作りました。 フレームの境界線を消したくて、 <frameset cols="150,*" frameborder=0> <frame src="menu1.html" name="menu"> <frame src="top.html" name="main"> </frameset> としても、背景が紫(#CC99FF)なので 白い境目が出来てしまいます。 宜しければ、境目を見えなくする方法を教えて下さい。

    • ベストアンサー
    • HTML
  • frameを使用したときのファイルの切り替え

     今、フレームを使用してHPを制作していますが、タグ例として、 <frameset rows="60,*" frameborder="no" border="0"> <frame src="header.html" scrolling="no" noresize> <frameset cols="200,*" frameborder="no" border="0"> <frame src="menu.html" name="menu" noresize> <frame src="top.html" name="top" noresize> </frameset> </frameset> と組み、上記の「menu.html」中に各コンテンツを羅列し、任意のコンテンツをクリックすると「top.html」は変わるという作りをしています。  これを、「menu.html」中の任意のコンテンツをクリックすると「menu.html」「top.html」の両方が変わるようにしたいのですが、いい方法がありましたらどなたか教えていただけないでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • フレーム復元をさせない!事は可能ですか?

    とっても初心者です。 これまで、既存ページ(こちらでは変更不可)のフレームのメインにだけリンクを貼り、別のメニューを上につけてページを表示していました。 こちら側は、CSSとHTMLで作ったページです。 ところが、先日、メインコンテンツの方に下記のようなjava scriptが追加され、これまでのままだと、メニューがダブルで表示されてしまうようになってしまいました。 もし、こちら側のページの記述で、「フレーム復元」を解除できる事が可能でしたら、お教えいただけないでしょうか? 宜しくお願いします。 //-------------------- // フレーム復元 //-------------------- if(navigator.userAgent.indexOf('Opera') == -1) { if (self.name != 'audio_main' && self.name != 'visual_main' && self.name != 'shop_main') { document.open(); document.write('\ <html>\ <head />\ <frameset rows="100,*" frameborder="NO" border="0" framespacing="0">\ <frame src="http://xxxx.html" name="visual_top_frame" scrolling="NO" noresize>\ <frame src="" name="visual_main">\ </frameset>\ </head>\ '); document.close(); window.open(location.href, 'visual_main'); } }

  • 2分割フレームの左側だけ表示できません!

    WIN98SE,IE6.0,フロントページエクスプレスでHP作成中ですが、左右2分割フレームの左側だけ、「ページを表示できません。」のメッセージが出ます。 表示したいファイル名はそれぞれ、 左:CONTENTS.HTM 右:TOP.HTM フレームセットファイルが、INDEX.HTM です。 その記述は下記の通りです。 <HTML> <HEAD> <TITLE>フレームセット</TITLE> </HEAD> <FRAMESET COLS="25%,*"FRAMEBORDER="no"> <FRAME SRC="contents.htm"NAME="left"> <FRAME SRC="top.htm"NAME="right"> </FRAMESET> </HTML> 本の内容を参考にしたのですが、非表示の原因が わかりません。ヒントでもかまいません、教えて下さい!

    • ベストアンサー
    • HTML
  • 別フレームの.cssの変更

    こんにちは。 javascriptを使って.cssファイルを切り替えることにかんしてのしつもんです。 左フレームと右フレームがあって、 右のフレームに表示されているページのボタンとか文字とかをクリックすると、関数が呼び出されて、左フレームに表示されているページの.cssファイルを切り替えるようなscriptは、どう記述すれば、いいですか?

  • DREAMWEAVERでのフレーム表示がうまくいきません

    フレームページを作りたいのですが、DREAMWEAVER画面では見えているのに、エクスプローラー画面では、フレームページの両方が「ページを表示できません」と表示されます。 <frameset rows="*" cols="140,*" framespacing="0" frameborder="NO" border="0"> <frame src="/illust/left.htm" name="leftFrame" scrolling="NO" noresize> <frame src="/illust/right.htm" name="mainFrame"> </frameset> <noframes><body> フレームセットのタグは上のようになっていて、同じ階層にフレームセットHTMと各ページのHTMファイルを置いています。どうして表示されないのか、いろいろ調べてみたり、試したりしたのですがわかりません。 ちなみに、エクスプローラー画面で、プロパティを見ると、res://C:\WINNT\system32\shdoclc.dll/dnserror.htm#file://H:\illust\right.htmとなっていて、自分が指定していないページのURLが載っています。 どうすればフレーム表示がうまくいくか、教えていただけますでしょうか。よろしくお願いいたします。

  • DREAMWEAVER MX 2004 フレーム

    DREAMWEAVER MX 2004を使っています フレームの事を教えて下さい。 フレームセットを設定して、 top left main各Fremeに先に作った HTMLを表示させたいのですが、 ファイル→開くや、直接ドラッグしてみても 別のドキュメントウインドに切り替わってしまい 全く駄目です。 簡単な事なのかも知れませんが 誠に宜しくお願い申し上げます。