- 締切済み
詳しい方へホームページを作りたいのですが
どんな感じのものを作りたいかをこの枠を使って説明すると ________________________________________________________________ メニュー l リンク l リンク l リンク l リンク l 右側画面トップページ リンク l リンク l リンク l リンク l ________________________________________________________________ うまく表現できないけどXPのIEでいうと左側のお気に入りに似た感じのフレームにしたいです。 リンクはすべて右側画面へ移動するようにしたいです。 ご指導よろしくお願いします。
- coolboy-ok
- お礼率13% (18/131)
- レンタルサーバ・ASP
- 回答数8
- ありがとう数1
- みんなの回答 （8）
- 専門家の回答
みんなの回答
- korirara
- ベストアンサー率45% (139/303)
次に、メニューページのタグです。 基本的に自分のサイトのタグでお教えしているので、あれこれ凝る事は可能なのですが基本的なタグのみを入れておきます。 <html> <head> <title>サイト名</title> </head> <body> <center> <font size="2" color="666666"> <pre> ■メニュー■ <a href="メニュー１のファイル名を記載" target="top">メニュー１</a> <a href="メニュー２のファイル名を記載" target="top">メニュー２</a> ・ ・ ・ ・ (と、メニューの数分だけ続けてタグを打って言って下さい。 この説明は後で消して下さいね) </pre> </body> </html> こんな感じです。 <pre>を使う事で、改行タグを一行ずつ入れずに済むので楽です。 ご存じなければ、是非使ってみて下さいね～。 最後、</pre>で閉じるのをお忘れなく＾＾ あとは、メニューページを必要なだけ作り、一番最初にトップページ(メニューの横のスペースですね)に表示させるファイルを作ればＯＫかと。 もし詰まってしまったら、target=""～が正しく入っているか等チェックしてみて下さいね。 最初はややこしいですが、慣れてしまえば結構簡単ですし、楽なワザではありますので、是非頑張ってマスターして下さいね！ また解らない点がありましたら、詳細に書き込んで頂けると助かります。 また、要領を得てしまったら、target=""～部分なんかはお好きに変えちゃってもＯＫ。 慣れるまでは、弄らずにそのまま使ってみて下さいな。 あ、あと、最初に回答した方の、30，70の部分ですが、％抜き忘れました、抜いてからお願いします；
- korirara
- ベストアンサー率45% (139/303)
とりあえず、必要と思われるソース、最低限３ファイル分を全て記載しますので、まずは全てコピペでご自分のノートパッドなりワードパッドなりに貼り付け、ファイル名を付けて保存してみて下さい。 まず、index.htmlのファイルのソースです。 <HTML> <HEAD> <TITLE>ページのタイトル</TITLE> </HEAD> <FRAMESET cols="30,70%" border=1 borderColor=gray frameBorder=1 frameSpacing=1> <FRAME src="menu.html" noresize name="menu" frameborder="0" frameSpacing=0"> <FRAME src="top.html" name="top" frameborder="no"> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML> ↑ がindex.htmlファイルのソースになります。 最初の方の、30，70という部分は好みで変えて構いません。 30の方がメニュー部分の幅。70の方がメイン部分の幅になります。 メニュー部分をもう少し広く取りたければ、40にしたり、 もう少し狭くて良ければ20にしてみたりと、調整されて下さい。 ただ、50，50ですと、半分半分の幅になってしまうので、見栄えは良くないです。 menu.htmlという部分に、メニューを書いたファイル名を置きます。 name="menu"というのは、メニューファイルが表示される場所(左側)の名前になります。 "top.html"という部分に、一番最初にフレームページに表示させたいファイル名を書きます。 name="top"というのは、top.htmlという名前を付けたファイルを、topという名前を付けた右側部分に表示させますよ、という意味です。 一旦送信して、次はメニューページのタグを記載します。
- yuuu69
- ベストアンサー率29% (8/27)
蛇足かもしれませんが、 現在は、フレームを使ったページレイアウトは少なくなっています。 メジャーな会社のホームページはフレームを使ったものは殆ど見受けられません。 今の主流はスタイルシートを使った、段組みのレイアウトになっています。 つまり、ご質問の内容だと、左側のメニューの部分と右側の本文の部分の2段組みのレイアウトと言う事になります。 たぶん初心者の方と思われますので、フレームを使ったページレイアウトを学ばれた後にスタイルシート（CSS）等も徐々に勉強していかれるとよいと思います。 また、メジャーな企業のWebサイト等も参考にすると最新のWeb技術等も勉強になると思います。
- korirara
- ベストアンサー率45% (139/303)
No.3です。 違います。 別々のページという事は当然ですよね。 ファイルが３つ必要だという事、ご理解していますか？ target="○○"～の、○○の部分はファイル名ではなく、フレーム名です。 フレームの基礎から学ぶ必要がありますね。 あなたのパソコンのファイルが見れる訳ではないので、ソースを見せて頂かない限り、どこが間違っているのか解りません。 どこで躓いているのか、解り易く説明しないと回答するにしかねますよ。
フレームはこんな感じのソースで、書いて <?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" /> <title>タイトル</title> </head> <frameset cols="200px,*"> <frame src="左のファイル" name="hidari" /> <frame src="右のファイル" name="migi" /> <noframes> フレームに対応していないブラウザです。<br /> <a href="http://www.microsoft.com/japan/windows/ie/ie6/default.mspx"> Internet Explorer 6</a>以上をインストールしてください </noframes> </frameset> </html> 左のリンクをクリックしたら右のフレームで表示させるときは <a href="リンクしたいURL" target="migi">テキスト</a> で、 その逆は <a href="リンクしたいURL" target="hidari">テキスト</a> になるかな。 ※ほんの例です。
- korirara
- ベストアンサー率45% (139/303)
メインページのタグはどうなってますか？ <frame src="ファイル名.html" noresize name="フレーム名" ～ という風に、フレーム名は入っていますか？ noresize name="フレーム名" の記述は、ファイルをどこに表示するか、という命令になります。 質問者様の場合右に表示させたいとの事なので、ファイルを右に表示させる、という命令になりますね。 メニュー リンク リンク ・ ・ ・ ・ ↑のページのタグはどうなっていますか。 <a href="ファイル名.html" target="フレーム名">リンク</a> という風に、target="フレーム名"の部分は入っていますか。 仮に、フレーム名(表示スペース(右側)の名前と考えればＯＫ)は解り易い所で、frameとしてみて下さい。 そして、ファイル名が、link-1.htmlだった場合、以下の様になります。 <a href="link.html" target="frame">リンク</a> link-1.htmlというファイルを、フレームと名前を付けた右側に表示させる、という命令になります。 とりあえずこれでやってみて下さいね。 ３つのページのthmlファイルのタグを表記して頂ければ間違っている部分、お探ししますよ＾＾
補足
メニュー リンク リンク ・ このリンク側ページと右側のトップページとはそれぞれ違うページなので <a href="ファイル名.html" target="フレーム名">リンク</a> というのは <a href="link.html" target="index.html">リンク</a> という事ですか？
以下を参照する事をお勧めします。 [参考]とほほのＷＷＷ入門 http://www.tohoho-web.com/www.htm 詰まっている部分に関しては、以下を参照。 やり方がしっかり載ってます。 [参考]<frameset> - フレームセット http://www.tohoho-web.com/html/frameset.htm
作りたいことはわかりますが、 質問の中身(何処で詰まっているか？)を書かないと、 何処までわかっているのか判らない人に説明するのは 「素数がわからない人に、素因数分解を解説するのと同様」 難しいと思いますよ。 とりあえず、index.htmlの一部を記載しておきます。 キーワードが判れば、自分でも調べられることは可能ですし ～ <frameset cols="180,*"> <frame name="sub" src="menu.html" noresize> <frame name="main" src="main.html"> <noframes> <body> <a href="http://www.microsoft.com/downloads/search.aspx?displaylang=ja" title="Microsoft ダウンロード センター">ブラウザはIE6.0以上を使用してください。</a><BR> </body> </noframes> </frameset>
補足
ありがとうございます。 自分でも色々試してみてフレームまでは作れたけどリンクページ （仮）boy.htmlをリンク先である右側画面に移動する方法が わかりません。
補足
フレーム側にタグと <frame src="css.html" name="left"> <frame src="index.html" name="right"> メニュー側のタグです。 <a href="aaa.html" target="right">aaa</a>