ホームページビルダー・グレート初心者講座

　フレームを使って画面を分割する

フレームは１つの画面に複数のページを表示できる機能で使用方法によっては非常に便利です。

フレームページの基本説明まずはフレームページとはどんなものか見てみましょう。フレームサンプルページへこのようにブラウザに表示されるページを分割して、それぞれ分割部分に違うページを表示させるのがフレームの機能です。各ページに共通するメニューなどをフレームにする事でページ修正の際もメニュー部分のページを修正するだけで済みます。フレームページを作ってみるそれでは２分割のフレームページを作ってみます。現在あるページをフレームページとして使ってもいいのですが、幅や高さなどがフレームに合わせたページではないので、レイアウトが難しいです。フレームページを作る時はまず新規作成でフレームページを作ってから、フレーム内に表示するページを作っていった方がいいと思いますので、その手順に沿って説明していきます。まずは新規作成から標準モードでページを作り始めます。次にメニューの「フレーム」 → 「フレームの分割」今回は縦方向に作ってみるので、「左右方向」を選択して下さい。　次にフレームの分割指定ですが新規で作り始める場合はどちらを選択しても変わりませんのでどちらかをクリックしてもらうと、ページが二つに分かれました。　次に下の画像で説明していきます。　[1] 赤丸１の部分、これは現在選択されているフレームページを示します。現在、カーソルが左にあるので、左側フレームのファイル名が表示されています。左右のフレームページ内をクリックするとこのファイル名が変わります。　[2] 赤丸２の部分には、「フレームを統合したページ」のファイル名が表示されています。　アクセスしたり、このページへのリンクを貼る時はこのファイルに貼ります。　また、このファイルには「フレームなし」ページの情報も一緒に入っているので「フレームなし」ページと同一のファイル名です。　[3] 次に赤丸の３の部分、これはこの画面で編集したページのプレビューが表示されます。　フレームページは特に編集時のイメージと実際のプレビューのイメージが違うので、編集しながらこまめにプレビューで確認しましょう。　[4] 最後に赤丸の４の部分ですが、これはフレーム未対応のブラウザの人のみが表示されるページです。　最近のブラウザはほとんどフレーム対応なので、そこまで気にする必要はありませんが、なかにはフレーム未対応のブラウザを使っている人もいます。フレームを使っていないページを別につくり、そのページへのリンクを付けておいてもいいと思います。フレームページの設定フレームの設定を行うには、それぞれ設定したいフレームを左クリックし、対象ページをアクティブにし、ページ上で右クリック、メニューに「フレームの属性」という項目が追加されているので、それをクリックします。フレーム名の設定まずは「フレーム名」を設定しておきます。　これはフレーム内にページを表示する時に、どのフレームに表示させるのかなどを決める時重要ですので、必ず入れておきます。　名前は自分が分かる名前ならなんでもよく、それぞれのページ別に違う名前を設定する必要があります。サイズの設定フレームサイズも表のようにピクセルで指定するか、パーセントで指定するかで決定します。　レイアウトを懲りたい部分はサイズが変わらないようにピクセル指定にしておくと良いでしょう。また通常表示されているフレームの境界線はページを見た人が変えれられるようになっていますが、「ブラウザでサイズ変更をさせない」にチェックしておくと、サイズが固定となり、見ている人がサイズ変更できなくなります。その隣の「スクロールバー」という項目は、ブラウザ右、下に付いているスクロールバーの設定です。　通常、「自動」になっていますので、見た人のブラウザに収まらないときはスクロールバーが表示され、収まる場合は表示されません。「有り」にしておくと、ブラウザに収まっていてもバーが表示されます。「無し」にしておくと、収まる、収まらないに関係なくバーは表示されません。フレーム間の境界線の設定フレーム属性の設定画面の上のほうについている「境界線属性」をクリックします。ここで境界線の有り無し、太さを設定する事ができます。フレームページとフレームページがつながっているように見せたい時は境界線表示を無しにします。フレームページの保存２分割でフレームを作ったとすると、ページは３ページできます。　１．　双方のフレームが統合されたページ　２．　左側のフレームページ　３．　右側のフレームページの３つのファイルが作成されるので保存する時は「ファイル」→「全て保存」で保存するのがいいです。　また、始めて保存する時は、ファイル名をそれぞれのページに付ける事になり、ファイル名の入力を１ファイルごとに求められます。この時、ファイル名を入力する対象となっているフレームページは反転表示されているので、それに注目して間違えないように名前を入れていきましょう。また　上記 [2] でも説明しましたが、出来上がったフレームのページにアクセスするには、統合されたフレームのファイルにアクセスします。「サイト/素材ビュー」の表示では下のようなアイコンになっているファイルがそうです。（フレームページアイコン）　　　　　フレームの問題フレームは上手く使うと、分かりやすく観覧者を導く事ができるので良いのですが、問題もいくつかあります。ページだけが表示されてしまったらまずは、検索エンジンにフレームのページ内だけを収集されてしまうと、観覧しにきた人が何のページなのか分からないという所です。例えば下の２つを見てください統合されたフレームこれが表示したい形で、これを見てくれれば問題ないですが、フレームのページだけフレーム内のページのみを収集され、観覧者が見るとこうなります。これは左側のページのみが表示されてしまった例です。このようなページに観覧者が来てしまっても、正常なページに戻れるように分かりやすくリンクを設定しておく事をオススメします。意図したように表示されないこのフレームのように制約をすればするほど正常に見えない観覧者が増えてきます。　上下のスクロールだけならいいのですが、ページがはみ出してしまい、横にスクロールしなければいけなくなると、観覧者がストレスを感じる原因となってしまいます。一部検索エンジンではフレームページに対応していない観覧者が自分のホームページを見る為には検索エンジンを使います。この検索エンジンでフレームページに対応していないと、収集されるサイトの情報量は減り、結果観覧者がホームページまでたどり着けなくなってしまいます。