• ベストアンサー

FC2かalphaEDITでフレームをつける方法

 HTMLの初心者です。ホームページを作成するために、FC2とalphaEDITをこちらが良いということで使い始めました。  本文を右側にして、左に目次(フレーム)を作りたいのですが…いくつか関係するWebページを見ましたがどうやればいいのかわかりませんでした。  特に、使用するファイルの指定のところがわかりません。  どうすればいいのか教えてください。よろしくお願いします。  また、FC2についての詳しい説明があるホームページや書籍を教えて頂けると嬉しいです。

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

  • ベストアンサー
noname#119508
noname#119508
回答No.3

------------------------------------- フレームページ(ファイル名:index.html) ------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">​ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>タイトル</title> </head> <frameset cols="200, *"> <frame src="menu.html" name="menu"> <frame src="honbun.html" name="honbun"> <noframes> フレーム対応ブラウザで見てください。 </noframes> </frameset> </html> ------------------------------------- メニューページ(ファイル名:menu.html) ------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">​ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>メニュー</title> </head> <body> <p>メニュー</p> <p><a target="honbun" href="http://yahoo.co.jp/">YahooJapan</a></p> <p><a target="honbun" href="http://www.google.co.jp">Google</a></p> </body> </html> ------------------------------------- 本文ページ(ファイル名:honbun.html) ------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">​ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>本文</title> </head> <body> <p>当サイトは○○を目指しています</p> <p>フレームページです。</p> </body> </html> で動作するかも。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> や <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> は宣言。 ブラウザに「このページはHTML 4.01 Transitionalで書いてますよ!」って教えてるのかな?(詳しくは知らない) フレームは http://heo.jp/tag/page/frame.html などで仕組みを理解するのもよいかも。

ookiwa
質問者

お礼

ありがとうございました。解決しました。 <frame src="menu.html" name="menu"> <frame src="honbun.html" name="honbun">   のnameは、位置情報の名前なんですねww  変な誤解をしていました。ありがとうございます。

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

その他の回答 (2)

noname#100277
noname#100277
回答No.2

>>ファイルの場所とは、それぞれが存在するディレクトリの名前、nameとは、index.html 等と考えてよろしいのでしょうか? 特別にディレクトリを作らず、indexと同じディレクトリに設置すれば良い。 名前も適当で構わない。 但しindexで設定した名前にしないと駄目。

ookiwa
質問者

補足

ありがとうございます。  つまり、index.htmlの「ファイルの場所」のところに「Root」(ディレクトリを使わない場合)と書き込めばいいということですよね? それから、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "​http://www.w3.org/TR/html4/frameset.dtd">  とはどういう意味でしょうか? 全然わからないです。よろしくお願いします。(なかなか成功しません…)

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

フレームページ(仮名:index.html)のソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>タイトル</title> </head> <frameset cols="200, *"> <frame src="メニューのファイルの場所" name="menu"> <frame src="本文のファイルの場所" name="honbun"> <noframes> フレーム対応ブラウザで見てください。 </noframes> </frameset> </html> ↓メニューファイルのソース↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>メニュー</title> </head> <body> <p>メニュー</p> <p><a target="honbun" href="http://yahoo.co.jp/">YahooJapan</a></p> <p><a target="honbun" href="http://www.google.co.jp">Google</a></p> </body> </html> ↓本文ページ↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>本文</title> </head> <body> <p>当サイトは○○を目指しています</p> <p>フレームページです。</p> </body> </html> な感じで書きますかね。

ookiwa
質問者

補足

回答ありがとうございます。  初心者の質問ですいませんが…   ファイルの場所とは、それぞれが存在するディレクトリの名前、nameとは、index.html 等と考えてよろしいのでしょうか?  よろしくお願いします。

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

関連するQ&A

  • alphaEDITでホームページを作っているのですが、

    ホームページ作成の初心者で、 alphaEDITを使い、ホームページを作っているのですが、 よく、ホームページの左に、 メニューみたいなものがあるサイトがありますが、(知識不足ですみません) どのように作れば良いのでしょうか? 知恵をお貸しください。

  • alphaEDIT フレームターゲット

    alphaEDITでホームページを作成しています。 フレームを縦2分割にして左側のフレームにメニュー、右側にメニュー 画面にあるメニュー項目をクリックすると右側のフレームの画面が切り替わる・・という風にしたいのですが、メニュー項目にリンクをつける時にターゲットの項目にrightがないので、自分でrightとターゲットのところに記入して見たのですが、実際にネット上で動かすと右側に独立して新しいウインドウページが飛び出てしまいます。 枠の中でパシャツと変わらないのです。 そうするためには、ターゲットの選択は、何にしたらいいでしょうか?

    • ベストアンサー
    • HTML
  • HTML フレーム スクロール

    3日前からHTMLで、ホームページ作成を試みているものです。 HTMLで、FRAMEというタグを使用し、ページを縦に3分割しました。 右30%、中央60%、左30%という具合に分割しましたが、右ページと左ページのHTMLは、同一です。 要は、中央のページに文章や画像を掲載し、右、左ページは、背景のようにしたいのです。 そうした場合、中央ページが長く(?)なってしまうのでスクロールが出てくるのですが、 そのスクロールが、中央ページの右側に出てきてしまうんです。 そのため、中央ページのみ、スクロール可能で、右、左ページは動かぬまま。 スクロールを右ページの右側に登場させ、ページ全体でスクロールさせるには、どうすればいいんでしょうか? 超初心者のため、上手く説明できているか不安ですが、解決方法をご存知の方がいらっしゃったら是非ご回答お願い致します。 また、この質問がとんだ見当違いでしたら、ごめんなさい。

    • ベストアンサー
    • HTML
  • ホームページビルダー7のフレームページ作成

     ホームページ作成初心者です。左が目次となるフ レームページを作成しています。目次のアイコンを クリックすると右に内容が表れるようにしたいのです が、アイコンをクリックすると左の目次に表示されて しまいます。どうしたらよいのでしょうか。ご存知の 方ご教授よろしくお願いします。

  • alphaEDITを使ったホームページ作成について

    alphaEDITを使ったホームページの作成で質問します。(当方はホームページ作成の初心者です) 質問ー1 作ろうとするホームページは会員制倶楽部のホームページで、トップページからメインのページを開く際にパスワードを入力して開けるようにしたいと思いますが、この仕組みを作る方法をご教授願います。 質問ー2 ホームページの中で掲示板のようなものに会員が自由に入力できるようにし、かつこのサイトにログインした会員が閲覧できるようにするにはどうしたらいいでしょうか。 よろしくお願いします。

  • 【FC2】 フレームではないページに広告が2つ

    クリックありがとうございます。 ホームページ作成初心者のため素人質問かもしれませんが、お助け下さい。 FC2.comを利用してホームページを作成させて頂いているのですが、広告文字(?)の「powered by FC2.com」という文字が1つのページに2つ表示されます。 問題のページです ↓ http://fairytalevbrek.web.fc2.com/novel.html 1つしか表示されない他のページと見比べたりして試したのですが、効果は得られず。 また、同じことを質問されていた他の方のスレを見て http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ↑のようなチェックサイトで試したところ「-195点」という驚異的な数字を弾き出しましたので、改善を試みたのですが理解出来ませんでした。 色々と間違っている箇所は多いと思いますが、お暇な時にでもご教授頂けると助かります。 正直、現在お手上げ状態でどこに手をつけていいやら検討がつかないのです。 どうぞ宜しくお願い致します。

  • alphaEDIT セルの分割

    alphaEDIT セルの分割 お世話になります。 ホームページを作成しています。素人です。 alphaEDITでテーブルを作成し、中のセルを分割するという作業を行いたいです。ネットで説明を見るととても簡単で、右クリックをしてセルの分割をすればできると書いてあります。 しかし私がその作業をしても全く無反応で、途方に暮れています。これは故障でしょうか?どうすればできるのかお分かりになる方、お願いいたしますm(__)m

  • FC2ホームページ作成で。。。

    FC2ホームページ作成で『ファイルが見つかりませんでした』となってしまいます。 イラスト公開をしたくて ファイルをつくりました。 TOPページはフレームでつくって 右で見たいものをえらんでクリックして 左でそれが見れる という風にしたのですが 右で選んでも左に 404Error - Page not found ご指定のファイルが見つかりませんでした と出てしまいます 左ででるのでリンクの問題ではないとおもいますが 初心者なのでまったくわからないので質問しました。 回答おねがいいたします

  • フレーム間のラベルへのリンク

    ホームページビルダー2001で左フレームから右フレームのラベルにリンクしたいのですが、どうしたら良いでしょうか? フレームを利用したHTMLでヘルプを作っていまが、 フレームは左右2分割で、 左側のファイルは「リカードのヘルプ目次.htm」で、 右側のファイルは「リカードのヘルプ本文.htm」です。 これを「リカードのヘルプ.htm」フレームで管理しています。 右フレームには左1画面に収まりきれない縦長の文章が沢山あります。 左側の目次の文字をクリックすると、右側の文章のラベルのところへ 右の画面が移動するようにしたいのですが、どのようにするのか 解かりません。(インターネット Ninnjaのヘルプのようにしたい) よろしくお願い致します。

  • フレーム分割について

    初心者です HPビルダー8ですが、垂直2分割で、左に目次、クリックすると右にそのページが表示できるといったものですが、方法がよくわかりません。 何ページか作っていますが、TOPページを開いておいて、フレームページの作成にして左にTOPとか自己紹介とか入れて、リンクを貼って、エクスプローラで表示すると、TOPページの中にも、TOPとか自己紹介と、左側と同じものが出てしまいます。 右側のTOPとか自己紹介とかを消して左側だけに目次がでるようにする方法がわかりません。 また、保存の方法についてもわかりません。 表現が下手で申し訳ありません。 ご不明な点があれば補足しますので、よろしくお願いします。