PureBible

フレームタグの説明と解説

フレームタグの説明と解説

これは、楽天では使えないけど
強制的に使われてますね（笑）
お気づきでしょうか？

フレームタグ自体は難しいようですが
一度理解すると簡単です

見本

左ＵＲＬ
項目１
項目２
項目３
項目４

右ＵＲＬ
PureBibleへようこそ
このＨＰは支援サイトです

現在のお客様は○×人です

よく、こんな感じのＨＰを見かけませんか？
これがフレームタグです
楽天では、左右の間の線、背景が同じなので気が付き難いですね

このタグは２つのページをくっつけて、一つの画面に表示されます
左ＵＲＬ の項目ページと
右ＵＲＬ のタイトルページを作り
次はこの２つをくっつけて、表示させるためのページが必要です
これだけで３つのページが必要ですね？
左右のページ作りで気をつけるのは
下の方で説明してるフレームを使ってる場合と取り合えず!! にあるリンクタグを使うだけです

このフレームは主にトップページで使う人が多いので
上の見本もトップを例えてます

このタグがフレームタグです
左右のページを、くっつける3枚目のページです
(トップ画面に使う場合はトップの所に使います)

< FRAMESET cols="23%,77%" frameborder="NO" >
< FRAME src="左ＵＲＬ" name=" left " >
< FRAME src="右ＵＲＬ" name=" right " noresize >
< NOFRAMES >
<BODY>
<P> このページを表示するには、フレームをサポートしているブラウザが必要です。 </P>
</BODY>
< /NOFRAMES >
< /FRAMESET >

出来れば、最低ここまで作る事をお勧めします
フレームを使いたい場合は
１つのページでこれだけのタグでＯＫです

FRAMESET これがフレームのタグで /NOFRAMES で終ります

cols="23%,77% 画面の二つに分ける幅の割合です
100%で２つ自分の思った幅に割合ましょう

frameborder="NO" これは、左右の間にある線を消すタグです
これが無いと左右の間に線が入ります
上の見本は分かりやすいために線が入ってます

FRAME src="左ＵＲＬ" ここに左に表示したいＵＲＬを載せましょう
FRAME src="右ＵＲＬ" こちらも同じく右側に表示したいＵＲＬを載せましょう
（ここに本来のＨＰトップ画面を載せる人が多いです）

noresize は左右の間の線を固定させます
これはあると便利なので載せてますが、無くてもＯＫです。

NOFRAMES とは、ＰＣの機能によって
このフレームタグが見れない場合があります
（ドコモの携帯なども見れません）
そんなＰＣでＨＰを見ると、ここから表示されます
この場合だと

このページを表示するには、フレームをサポートしているブラウザが必要です。

この文字だけが、画面に表示されます
面倒な方はこのままでいいですが
色々な人に見てもらいたい場合は
ここに簡単なＨＰトップを作りましょう
作り方は普通の作り方でＯＫです
最後に /NOFRAMES で閉じましょう

これでフレームタグは完成です。。。。が

name=" left " と name=" right " が残ってますね？
これは、リンク移動に必要なのです
left と right は、別になんの文字でもＯＫなのです
分かりやすい為にこの二つを選びました
別に、このままでも大丈夫なので
ややこしいと思うなら、このまま使いましょう

見本の左に項目１～４がありますね？
フレームを使ってる場合は
その項目ををクリックすると。。。 なんと!! 左側の項目の所にリンク先の画面が表示されます
普通に使ってるリンクタグは <A href="移動先ＵＲＬ">項目１</A> でしたね？
フレームを使ってる場合は、 <A href="移動先ＵＲＬ" target=" right " >項目１</A> です
左に作ったリンクタグに target=" right " をつけましょう

注意!! この説明が分からない方は飛ばしてください
説明してる自分でもややこしい(笑)
そこで出てくる right ですが、これが name=" right " の right を表してます
もし、 name=" １ " にしていれば target=" １ " にしましょう
同じ文字の所へ飛ばすための文字なので
複数のフレームを使う場合は色々な文字で作っていきます

取り合えず!!

フレームでリンクを使う場合
リンク先を左に表示する場合のタグは <A href="移動先ＵＲＬ" target=" left " >項目１</A>
右側に表示する場合は <A href="移動先ＵＲＬ" target=" right " >項目１</A> を使いましょう
もし、使わなかったら。。。リンクしたらわかります（笑）