■ 8.フレームページの簡単な作成方法を教えて!
画面を左右に2分割するフレームページを作成する場合の手順を説明しておきます。
- 左側に表示するページを普通に作成します。
【menu.htm】(一例)
<HTML> <HEAD> <title>メニューページ</title> </HEAD> <BODY> メニュー <a href="/faqhp_main.htm" target="right">メインページ</a> <a href="/faqhp_page1.htm" target="right">ページ1</a> </BODY> </HTML> - 右側に表示するページも普通に作成します。
【main.htm】(一例)
<HTML> <HEAD> <title>メインページ</title> </HEAD> <BODY> ようこそいらっしゃいました。 ゆっくりしていってください。 </BODY> </HTML> - ジャンプ後の右側ページも普通に作成します。
【page1.htm】(一例)
<HTML> <HEAD> <title>ページ1</title> </HEAD> <BODY> まだ何もないですが、これからに期待してください。 </BODY> </HTML> - フレームページを作成します。
【index.htm】(一例)
<HTML> <HEAD> <title>フレームページ</title> </HEAD> <FRAMESET COLS="240,*"> <FRAME SRC="menu.html" name="left"> <FRAME SRC="main.html" name="right"> <NOFRAMES> <BODY> </BODY> </NOFRAMES> </FRAMESET> </HTML>
フレームページの要点は、ページを切り替えたいフレームに名前を付けることと(このサンプルでは「name="right"」)、リンク(Aタグ)にその名前をtarget属性で使用すること(このサンプルでは「target="right"」)です。
詳しい説明は、このサイトの「HTMLの解説」−「11.フレーム(画面分割)」を参照してください。