フレームページを作りたい

では、左に目次があり、右に本文が表示されるページを作ってみましょう。できあがりのイメージは次のようになります。

目次 １月の日記 ２月の日記 ３月の日記

１月の日記 1月１日 今日はあれやこれや・・・。 ・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・ ・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・・・ 1月２日 ・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・・・

フレームに設定されたページの中には文章を書くことができません。フレーム、目次、本文は、それぞれ別々のページに分けて作らなければなりません。
例えば、上の例だと以下の５つのページが必要になります。

フレームを設定 するページ	目次ページ	１月の日記	２月の日記	３月の日記
	目次 １月の日記 ２月の日記 ３月の日記	１月の日記 1月１日 ・・・・・・・・・・・・・・ ・・・・・・・・・・・・ ・・・・・・・・・・・・・・ ・・・・・・・・・・・・・	２月の日記 ２月１日 ・・・・・・・・・・・・・・ ・・・・・・・・・・・・ ・・・・・・・・・・・・・・ ・・・・・・・・・・・・・	３月の日記 ３月１日 ・・・・・・・・・・・・・・ ・・・・・・・・・・・・ ・・・・・・・・・・・・・・ ・・・・・・・・・・・・・

目次・本文のページを作る

目次と本文のページは通常のページとして作るだけです。それぞれに表示する文章を書いてください。
目次から本文へのリンクは最後に設定するので、ここではまだ設定しなくてもいいです。

フレームを設定するページを作る

1. ファイルリストでページアイテムを作ります
2. メニューの表示-->フレームを選択し、フレームページに設定します（ページが灰色になります）
3. ページをダブルクリックして、フレームのプロパティを出します
4. プロパティの各項目を以下のように設定します
   属性 ： 親フレーム
   分割方向 ： 左右
   分割数 ： ２
5. ページが左右に分割されたのを確認します
6. 分割された左側をダブルクリックして、フレームのプロパティを出します
7. プロパティの各項目を以下のように設定します
   属性 ： 子フレーム
   名前 ： LEFT（※例として。何でも構いません）
   ソース ： 上で作った目次ページを選択
   サイズ指定 ： ％指定にして数値を30（※例として。何でも構いません）
8. 今度は分割された右側をダブルクリックして、フレームのプロパティを出します
9. プロパティの各項目を以下のように設定します
   属性 ： 子フレーム
   名前 ： RIGHT（※例として。何でも構いません）
   ソース ： 上で作った本文ページ（３つのうち最初に表示させるもの）を選択
   

目次から本文へのリンクを設定する

目次ページの各項目に、それぞれの本文ページへのリンクを設定します。このとき、本文を表示させるフレームの名前をターゲットという項目に入力します。ここでは、先ほど右側のフレームに付けた名前、RIGHTと入力します。こうすることで、リンクした際に本文を右側のフレームに表示させることができます。

リンク設定 クリックで拡大

フレームページのタイトル

【１】メニューから表示−通常を選択し、ノーマルなページにします。

【２】メニューから書式−文書設定を選択し、タイトルを入力します。

【３】メニューから表示−フレームを選択するとフレーム表示に戻ります。

オンラインでフレームが表示されない

オフラインで表示できてオンラインで表示できない場合は、恐らく必要なファイルがFTPでアップロードされていないのでしょう。例えば、フレームのページがframe.html、その中に表示されるページがleft.html、right.htmlだとすると、

フレームを設定 するページ frame.html	左側のページ left.html	右側のページ right.html
	目次 １月の日記 ２月の日記 ３月の日記	１月の日記 1月１日 ・・・・・・・・・・・・・・ ・・・・・・・・・・・・ ・・・・・・・・・・・・・・ ・・・・・・・・・・・・・

この３つのページ全てをアップロードしなければなりません。アップロードされているか確認する方法はここを見てください。

ターゲットが機能しない

ターゲットを指定しているのに、リンク元のフレームに表示されてしまう場合は、ターゲットとフレーム名が合っているか良く確認してください。また、フレーム名に日本語を使用すると上手く機能しないようなので、フレーム名には半角英数字を使用してください。

リンク時にフレームを解除したい

リンク設定のターゲットを_topにします。