*-　HTML 基礎知識　その７　-*

*-　フレームページの作成　-*
コンテンツが多くなると見難くなってきます・・・。
そんな時、フレーム処理をしておくと見易くなりますよ。
（ただし・・・フレームをサポートしているブラウザーじゃないとダメ）

フレームページは通常３ページ必要になります。

1.土台のページ
2.左のページ
3.右のページ

その１・・・土台のページ

<HTML>
<HEAD>
<TITLE>見出し</TITLE>
</HEAD>
<FRAMESET cols="20%,80%">
<FRAME name="L" src="左ページのURL">
<FRAME name="R" src="右ページのURL">
<NOFRAMES>
<BODY>
<P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P>
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
**************************

<FRAMESET cols="20%,80%">って言うのは、左右のフレームの広さ
この場合、左が20％　右が80％で表示させる指定にしています。
左右合わせて100％になるように、お好みで変更して下さいね。

<FRAME name="L" src="左ページのURL">
FLAME name="L"・・・左ページですよ〜と言うページの名前。
右も同じです。これで指定してページのURLでリンクする訳です。

その２・・・左のページ

<HTML>
<HEAD>
<TITLE>見出し</TITLE>
</HEAD>
<BODY>
ここに本文を入れる。
たとえば・・・メニューなどね。
</BODY>
</HTML>

**************************

このページのURLを土台の
<FRAME name="L" src="左ページのURL">
に入れます。これで左のページは出来ました。

その３・・・右ページ

右ページも左と同じように普通にページを作成して下さい。
このページのURLを土台の
<FRAME name="R" src="右ページのURL">
に入れます。これで右のページは出来ました。

最後に・・・


いよいよリンクしま〜っす♪

土台と左右のページをUPしてから、リンクページに
土台のURLをリンクさせて下さいね。

**************************

ここで大切な事があります！！
たとえば・・・左にメニューを作成したとします。
その左のメニューをクリックして右フレームに表示
させる必要があるわけで・・・。

<A href="右フレームに表示するURL" target="R">ページ名</A>

この赤字を入れて下さい。そうしないと表示されません！
その為に土台のところで　"L" 　"R"　と指定させた訳です。

ややこしいですか？
１度チャレンジして見て下さいね♪
出来ると凄く嬉しかったりしますよ〜。o(*^^*)o









前のページに戻る　　次のページに進む



*-　HOME　-*