「HTML/フレーム」の編集履歴(バックアップ)一覧はこちら
「HTML/フレーム」(2007/06/04 (月) 10:47:32) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
ページを分割したいとき。
たとえば左側にメニュー用のページを表示して、そこのリンクをクリックすると右側に表示される、みたいな。
メニューの内容が増えても左側のページだけ変更すればいいわけだかららくらくね。
*目次
#contents
*必要なもの
**ページ
+index.html :これをframeの外枠にしちゃいますよ
+main.html :これを右側の表示させるページにしちゃいますよ
+left.html :これをメニューのリンクをはる場所にしちゃいますよ
+about.html :これをメニューにあるコンテンツのひとつにしちゃいますよ
*ページを作成する
**index.html
frameの定義します。書くのはこれだけ
> <html>
> <head>
> <title>ふれーむ</title>
> </head>
> <frameset cols="200px,*">
> <frame src="left.html" name="menu">
> <frame src="main.html" name="main_frame">
> </frameset>
> </html>
***注意
frame対応していないブラウザだとこのページが開かないので、frame非対応用にメッセージとframeなしのページを用意しておくのも手です。
非対応じゃ開けないよってメッセージにしてシャットアウトするのも手?
**main.html
> <html>
> <head>
> </head>
> <body align="center">
> こちらはindex.htmlを開いたときにデフォルトで右側に表示されるページですよ。
> </body>
> </html>
**left.html
> <html>
> <head>
> </head>
> <body align="left">
> <a href="main.html" target="main_frame">メイン画面</a>
> <a href="about.html" target="main_frame">こちらは</a>
> </body>
> </html>
targetで右側のframeの名前をいれるのが大事。
**about.html
> <html>
> <head>
> </head>
> <body align="center">
> <p>ここは左のメニューのリンクで「こちらは」を選ぶと右側のフレームに表示されますよ</p>
> <a href="main.html" target="main_frame">モドル</a>
> </body>
> </html>
ページを分割したいとき。
たとえば左側にメニュー用のページを表示して、そこのリンクをクリックすると右側に表示される、みたいな。
メニューの内容が増えても左側のページだけ変更すればいいわけだかららくらくね。
*目次
#contents
*必要なもの
**ページ
+index.html :これをframeの外枠にしちゃいますよ
+main.html :これを右側の表示させるページにしちゃいますよ
+left.html :これをメニューのリンクをはる場所にしちゃいますよ
+about.html :これをメニューにあるコンテンツのひとつにしちゃいますよ
*ページを作成する
**index.html
frameの定義します。書くのはこれだけ
> <html>
> <head>
> <title>ふれーむ</title>
> </head>
> <frameset cols="200px,*">
> <frame src="left.html" name="menu">
> <frame src="main.html" name="main_frame">
> </frameset>
> </html>
***注意
frame対応していないブラウザだとこのページが開かないので、frame非対応用にメッセージとframeなしのページを用意しておくのも手です。
非対応じゃ開けないよってメッセージにしてシャットアウトするのも手?
**main.html
> <html>
> <head>
> </head>
> <body align="center">
> こちらはindex.htmlを開いたときにデフォルトで右側に表示されるページですよ。
> </body>
> </html>
**left.html
> <html>
> <head>
> </head>
> <body align="left">
> <a href="main.html" target="main_frame">メイン画面</a>
> <a href="about.html" target="main_frame">こちらは</a>
> </body>
> </html>
targetで右側のframeの名前をいれるのが大事。
**about.html
> <html>
> <head>
> </head>
> <body align="center">
> <p>ここは左のメニューのリンクで「こちらは」を選ぶと右側のフレームに表示されますよ</p>
> <a href="main.html" target="main_frame">モドル</a>
> </body>
> </html>
表示オプション
横に並べて表示:
変化行の前後のみ表示: