ホームページ(WEBページやWEBコンテンツ)を作る前に、まずは、ここの「HP作成の予備知識」をひと通り読んでいただけると嬉しいよね..

■ 8.フレームページの簡単な作成方法を教えて!

画面を左右に2分割するフレームページを作成する場合の手順を説明しておきます。

  1. 左側に表示するページを普通に作成します。

    【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>
  2. 右側に表示するページも普通に作成します。

    【main.htm】(一例)

    <HTML> <HEAD> <title>メインページ</title> </HEAD> <BODY> ようこそいらっしゃいました。 ゆっくりしていってください。 </BODY> </HTML>
  3. ジャンプ後の右側ページも普通に作成します。 【page1.htm】(一例)
    <HTML> <HEAD> <title>ページ1</title> </HEAD> <BODY> まだ何もないですが、これからに期待してください。 </BODY> </HTML>
  4. フレームページを作成します。 【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.フレーム(画面分割)」を参照してください。



page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom