フレームのつけよう！

　ページを二分割や三分割してホームページを作りたいという人もいると思います。確かに御品書きや小説の目次。その他のページ移動をさせたいときは便利なものだと思います。FPではフレームのページを作ることはできない・・・。FP２０００では対応しているみたいだけど・・。ま、FPもそろそろ古株のツールになってきているということだろうな・・。

　いくら対応してないからといって、あきらめるのは早い！　今から簡単な説明を入れていくので真似して作ってみよう！

　まず、フレームとは、ひとつのページに、複数のHTMLファイルを使いたいときに使います。だからといって、別に変わったことをするわけではありません。フレームを作成するHTMLファイルを作ってあげるだけで簡単にフレーム付きのページになります。って、言葉が悪いですね。フレームつきのページなんて言うから、みんなが勘違いしてしまうのです。厳密にはブラウザ（IEやNN）を分割してページを表示させるってことなんです。

　FPをメインで使っている皆さんはこれから初めて、HTMLタグを打ち込んでいくわけだけど、いちいち全部打ち込むのはめんどくさいので、こちらをDLしてください。このファイルを編集していくことでまずは基本を身に付けよう！

<HTML>
<HEAD>
<TITLE>HPのタイトルを入れてね</TITLE>
<META NAME="Keywords" CONTENT="(宣伝).(を入れてね).">
<META NAME="description" CONTENT="ここには自分のＨＰを紹介文を入れて下さい。 ">
</HEAD>
<FRAMESET ROWS="24,*">←ここは横割りの設定この文は消して下さい。
<FRAME SRC="メニューのＵＲＬ" NAME="menu">
<FRAME SRC="メインのＵＲＬ" NAME="main">
</FRAMESET>
</HTML>

　ここを含めて読んだら消してください。
ＮＡＭＥは絶対に必要です。なぜかというと、名前を付けないとリンクを張ってあるページから移動してしまいます。
つまり、メニューの意味がなくなるのです。

　メニューから指定したアドレスをメイン画面に表示させるためには
下のようにリンクをはる必要があります。

　<A HREF="移動したいＵＲＬ" TARGET="main">文章または画像</A>

　とこのようにリンクを張ってください。これで、メニューをクリックしてもメイン画面を移動させることができます。

　このような物がテキストファイルで落ちてきたと思います。これを改造していきます。初めて、HTMLを使う人もいるでしょうがあんまり緊張しないでください。多少間違えても修正はいくらでもできますから、がんばってみよう！

**ヘッダー部分**
<HTML>	これは今からHTMLタグを使いますよって言う意味です。ＨＰ関連を作るときは必ずはじめに入ります。
<HEAD>	お次のこれは、ＨＰを鑑賞しに来た人には見えない隠し部分のことで、タイトルや、紹介文などをいれます。が、なくても問題ないので気にしなくてもいいです。（笑）
<TITLE>HPのタイトルを入れてね</TITLE>	赤い文字のところにＨＰのタイトルを入れてください。
<META NAME=>	これはロボット検索などのものがあなたのＨＰを検索するときに使いますが、入れているからといって結果が目に見えるわけではないのでそのままでもＯＫです。
</HEAD>	ここまでヘッダー部分は終了ですって意味。

**フレーム作成タグ**
<FRAMESET ROWS="24,*">	フレームの分割方法をここで設定します。ＲＯＷＳは横割りって意味で、縦割りのときはＣＯＬＳに変えてください。で、そのあとの数字が、それぞれ分割するフレーム右、左。または、上、下の大きさになります。ただ２４と入れるとピクセルで、％をつけると全体のフレームに対する比率になります。また＊はワイルドカードといわれるもので、その残りがこちらって意味になります。
<FRAME SRC="メニューのＵＲＬ" NAME="menu">	分割したページの右側に表示されるＨＴＭＬファイルを指定します。ＵＲＬの指定についてはリンクの張り方を参考にしてください。ＮＡＭＥは分割した部分につけられる名前のことでこれを付けないと変なフレームになります。別に変更する必要はないのでそのままにしておいてください。
<FRAME SRC="メインのＵＲＬ" NAME="main">	こちらは分割したページの左側に表示されるＨＴＭＬファイルを指定します。
</FRAMESET>	フレーム作成タグを終了させるときに使います。ので、必ず最後に入れておきましょう！！
</HTML>	このタグで、ＨＴＭＬタグは終了ですって意味です。

　難しそうと感じた人もいるでしょうが、説明をよく読んで見よう！　勘のいい人ならわかったと思いますが、あなたがいじるのは赤文字で書いてあるところだけなのです。簡単でしょう？（笑）
　その他の日本語は説明文なので削除してください。って、これだけやるだけでフレーム分割をしたＨＰになります。

最後にこれをindex.htmもしくはindex.htmlとして保存すれば完成です！　さっそくページを開いてみましょう！　フレーム分割されたＨＰができてると思います。気分もうきうきでどこかをクリックしてみましょう！！！！！　

ま、当然ですね。今作成したページはあくまでも分割させるためのページだから・・・（爆）　では、次は右側でリンクをクリックしたときに、左側のフレームに表示できるようにしましょう！　まずは、右側のページに指定したＨＴＭＬファイルをＦＰで開いてください。

　その中にリンクを張った部分があると思います。その部分をアクティブにして

をクリックしてください。その中に、『ターゲットフレーム（F）』があると思います。その中にmainと打ち込んでOKをクリックして保存します。で、また。indexを開いてクリックしてください。今度はちゃんと表示されたと思います。できましたか？

mainはどこかで見たものですよね？　そうです。フレームを作ったときのnameのころで打ち込んであったものです。では、逆に右側のリンクをクリックして、左側の分割したページに表示させるときは、『ターゲットフレーム（F）』のところにmenuと打ち込むことによって行うことができます。暇なときにでもためしにやってみてくださいね。以上がフレーム分割の手順でした。その他のHTMLタグについては別のページにありますのでそちらを参考に応用してくださいね。

**注意事項**
あくまで、フレームはPCを使っている人にしか（その中でもまれに使えない人もいる）表示させることはできません。なので、自分勝手なＨＰ以外は</FRAMESET>と</HTML>の間に以下のタグを追加してください。 <NOFRAMES> <a href="フレームが使えない人のためのページのＵＲＬ">ここにリンクを張る文字または画像</a> </NOFRAMES> と付け加えることによって、フレームを使えない環境の人でもあなたのＨＰを観賞することができます。