- 締切済み
フレームの作りかたについて
- みんなの回答 （4）
- 専門家の回答
みんなの回答
3つのページが必要になります。 まず、index.html <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" 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> <frameset cols="200, *"> <frame src="menu.html" name="menu"> <frame src="main.html" name="main"> <noframes> <body> フレームに対応しているブラウザで見てください。<br /> </body> </noframes> </frameset> </html> その次にmenu.html <?xml version="1.0" encoding="Shift_JIS" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" 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" /> <meta name="robots" content="none"> <title>タイトル</title> </head> <body> <p><a href="profile.html" target="main">プロフィール</a></p> <p><a href="link.html" target="main">リンク</a></p> </body> </html> その次にmain.html <?xml version="1.0" encoding="Shift_JIS" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" 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" /> <meta name="robots" content="none"> <title>タイトル</title> </head> <body> <p>メニューをクリックしてください。</p> </body> </html> こんな感じ。 あとは、先に回答された方の言うとおりにすればたぶん。
- tgook
- ベストアンサー率48% (96/198)
>上記サイトみたいな形が理想で、左側にインデックスを付けたいのですが、これもフレームでしょうか。 No.1さんの回答にあるリンク先で見られる「■ ブラウザでの表示 」のことであれば、回答はフレームです。 左右にフレームを分割し、左側フレームにあるインデックスから、右側フレームの表示を変更したいのでしたら、以下のようにします。 ちなみにhtmlファイルは3個作成する必要があります。 以下ではトップページは「index.html」で、「index.html」ファイルをブラウザで開くと、左側に「menu.html」を表示し、右側に「main.html」の内容を表示することを前提に書きます。 その際、3個のhtmlファイルは同じフォルダ上に置く必要があります。 ・「index.html」の例 <html> <head> <title> index.html </title> </head> <frameset cols="20%,80%"> <frame name = "menu" src="menu.html"> <frame name = "main" src="main.html"> <noframes> <body> <font> <p> このページはフレームを使用しています。 <br> お使いのブラウザがフレームに対応していないため、表示されません。 </p> </font> </body> </frameset> </html> ・「menu.html」の例 <html> <head> <title> menu.html </title> </head> <body> <a href = "profile.html" TARGET="main">profile</a> <br> <a href = "photo.html" TARGET="main">photo</a> </body> </html> ・「main.html」の例 特に、これといった設定はありません。 「menu.html」の「a href」で TARGET に "main" とあるのは、「index.html」の「frame name」で右側のフレーム(main.html)の名前を "main" と設定しているからです。 例えば、左側フレーム(menu.html)に表示される、profileというリンクをクリックすると、右側のフレーム(main.html)には "Profile.html" の内容が表示されるようになります。 ちなみに上記「index.html」と「menu.html」のコードは私が作っているサイトのソースコードの一部をコピペしたものですので、上記コードをメモ帳とかにコピペして使いまわすことも可能です。
ですから既に回答は出てます。 後は内容の問題。
http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp7.html こういうサイトを参考にされてはどうでしょうか
関連するQ&A
- フレームを使わないでフレームっぽくみせるには？
ホームページを製作しようと思っています。 そこで３カラム型の感じのデザインにしたいと思っているのですが、 ページ数を結構つくらなければいけないので、左側にメニュー、右側に広告を張って、真ん中はメインの内容にしようとすると、やはりフレームを使うのが便利なのです。 広告の関係上、広告をインラインフレーム内などに入れることができないので非常に悩んでいます。 フレームを使わないで３カラム型のようなホームページを作るとなると、すべてのページを１個ずつひらいて更新するしかないでしょうか。 メニューをふやしたり、サーバー移動となると気が遠くなりそうで・・・ よろしくお願いいたします！
- 締切済み
- HTML
- スタッガードフレームの購入
ダイヤモンドフレームとかはフレームだけで販売してる事はよくみかけますが、 スタッガードフレームとかがフレームだけの販売とかまず見かけません。 完成車として売られてる事が殆どです。 スタッガードフレームのフレーム販売とかやってる所って無いんですかね。
- 締切済み
- 自転車・マウンテンバイク
- フレーム付きのホームページ
私は、ホームページを利用するときは、フレーム付きの方が個々のページが一覧でき、移動しやすいので便利に感じています。 でも、ホームページでショップをやっている人や企業がホームページを作成する際は、フレーム付きのホームページは「ウケ」が悪いと聞きました。 フレーム付きのホームページには、何か欠陥や不都合があるのでしょうか。
- ベストアンサー
- レンタルサーバ・ASP
- フレーム付きのホームページで異変
Microsoft Internet Explorer 5を使っているのですが ホームページを閲覧する時、フレーム付きのホームページで クリックしたら必ずクリックしたフレーム内で開いてしまいます 例えば、左側のフレーム内のメニューをクリックすると普通は右のフレーム 内に開くはずなのにどう言うわけか左フレーム内で開きます 同じホームページを別のパソコンで見ると正常に開きます どこか設定する所があるのでしょうか？
- 締切済み
- オフィス系ソフト
- フレームの詳しいやり方がわかりません！！
今、イラストサイトを作成中でフレームを使ってみようと思ってます。 ある程度は完成してあともう少しなのですがフレームの所で行き詰ってしまいました。 左側をメニューバーetcを右をトップ絵を表示させ更新履歴etcにしています。 早速、左側のメニュバーの「About」をクリックすると左側に「About」のページが表示されてしまうんです。 おそらく私の説明不足なのでその問題のページのアドを付けておきます。 →http://kadukipoke.web.fc2.com/sweetshop.html 私の希望ではこのようにしたいんです。 →http://kousetsupoket.fc2web.com/nekoniwa.html あと、文字でリンク先に行けるようにすると文字の色が変わってしまいますよね。 それを防ぐ方法も知りたいです。。 どうぞよろしくお願い致します。
- 締切済み
- その他（ITシステム運用・管理）
- フレームを使うと検索エンジンで引っかかりにくいって本当ですか？
オンラインショップのサイトを作ったのですが、ＨＰでフレームを使うと 検索エンジンで引っかかりにくと知人に教えられました。本当ですか？ ＨＰはほとんど完成していて、作り直すとなるとまた時間がかかりますし、 フレームなしで同じように作りかえられるか分かりません…。 商用(衣類などの販売)サイトなので、検索に引っかかるのと引っかからないのとでは、 大きな差が出ると思うので、良い対処法がありましたらご教授下さい。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページビルダー6で、フレーム枠を見えなくする方法を教えていただけますか
ホームページビルダー6を使っています。ホームページ作成で、フレーム枠を見えなくする方法がありましたら、教えて頂ければ幸いです。 つまり、よくあるホームページのように、 左側に目次をつくり、そこをクリックすると、 右側の内容が変わるという構成にしたいのですが、 このとき、左側と右側の間にフレームを区切る線ができますよね。 これを見えなくしたいのですが、何か方法はございますでしょうか？ 私は、左側と右側は線でなく、色の違いで区切りたいのですが、方法等ございましたら教えて頂ければ助かります。
- ベストアンサー
- その他(ソフトウェア)
- ＨＰを作ったらフレームの左側がお気に入りに隠れてしまいます
ホームページビルダー６．５を使って、初めての ホームページ作りに挑戦しているところです。 縦のフレームのあるホームページを作ったところ、左側の メニューが、お気に入りを開くと隠れてしまいます。 どこが悪かったのでしょうか？
- ベストアンサー
- その他(ソフトウェア)
- ホームページのフレームについて
11月から自分のホームページを公開しました。 先日がんばってフレーム付のものにしたのですが、 他の人のホームページにリンクしているのに、 自分の左のフレームが残ってしまい、 まるで自分のホームページのように見えてしまいます。 どうしたらよいのでしょうか。教えてください。 ホームページはほとんど参考書なしで、 Ｗｏｒｄで作りました。初心者です。 よろしくお願いします。
- 締切済み
- CSS
- １つの背景でFRAMEを使いたいのですが
日記帳のBMPを背景にして、BMP日記帳の左側ページに日付の一覧、右側ページに日記の内容を表示したいのですが、一つのBMPの背景でFRAMEは使えないでしょうか。
- 締切済み
- HTML
お礼
ご回答ありがとうございました。例えば、上記サイトみたいな形が理想で、左側にインデックスを付けたいのですが、これもフレームでしょうか。これを作るにはどのようにしたらいいでしょうか。