フレーム



<FRAMESET></FRAMESET>...フレームの設定
COLS...縦分割 (ピクセル数、%、*相対値で指定)
ROWS...横分割(ピクセル数、%、*相対値で指定)
FRAMEBORDER...境界線の設定(ピクセル数で指定)
BORDERCOLOR...境界線の色指定(16進法で指定)

<FRAME></FRAME>...フレーム内に表示するページ等の設定
SRC...表示するページURLの指定
NAME...フレーム名(英数時で指定)
MARGINWIDTH...フレーム内の左右マージン(ピクセルで指定)
MARGINHEIGHT...フレーム内の上下マージン(ピクセルで指定)
SCROLLING...スクロールバーの表示有無(Yes/No/Autoで指定)
NORESIZE...フレームのサイズ変更不可(記述すると設定される)
FRAMEBORDER...境界線の設定(ピクセル数で指定)
BORDERCOLOR...境界線の色指定(16進法で指定)

<NOFRAME></NOFRAME>...フレームが表示できないブラウザ用のテキスト記述



1. 基本
フレームとは、ウィンドウを分割して表示させる技法です。タグだけ見ると複雑でとっつきにくい感じがしますが、こつさえ憶えてしまえば意外と簡単に作成することができます。

2. 分割比
フレームを分割するためには、分割する割合を記述しなければなりません。通常<FRAMESET>の後に記述していきます。
例)
画面を横2分割にし、左側に作成されるフレームを30%にし、右側は相対値にした場合
<FRAMESET COLS="30%,*">


画面を横2分割にし、左側に作成されるフレームを150ピクセルにし、右側は相対値にした場合
<FRAMESET COLS="150,*">


※縦分割にする場合は、COLSの部分をROWSに変更すればOKです。

3. 表示するHTMLを指定
2.で分割したフレーム内に読み込むHTMLファイルは<FRAME SRC>で指定します。
例)
<FRAMESET COLS="30%,*">
<FRAME SRC="30%.HTML">
<FRAME SRC="*.HTML">

※FRAME SRC="xxx.html"はFRAMESETで指定した順番と同じです。

4. その他の詳細を指定
フレーム分割自体は2.3.の項目で作成可能ですが、更にフレーム機能を設定することができます。

・<FRAMESET>に追加記述するものとして、境界線の設定をするべきです。通常何も指定しなければ、2ポイントという太さの境界線が設定されてしましますので、
<FRAMESET COLS="30%,*" BORDER="1">
として細くした方が良いでしょう。また、デザインによっては"0"や"NO"と記述して境界線をなくしてしまうのも良いでしょう。

・<FRAME>に追加記述するものとして、以下の例文の赤字の部分が必須でしょう。
例)
<FRAME SRC="xxx.html" NAME="xxx" MARGINWIDTH=2 MARGINHEIGHT=5 SCROLLING=YES>

NAME="xxx"とは、フレームに指定する名前です。記述しなくともフレームは作成されますが、複雑なフレーム構造になってくると必要になってきますので、わかりやすい名前を英数時でつけておきましょう。

MARGINWIDTH=?とは、フレーム横端からテキストや画像が表示される空間の指定です。?部はピクセル数で指定します。
MARGINHEGIHT=?とは、フレーム横端からテキストや画像が表示される空間の指定です。?部はピクセル数で指定します。

SCROLLING="YES/NO/AUTO"とは、画面表示のためのスクロールバーを表示させるものです。YESは常に表示し、NOは絶対表示されません。AUTOは、ユーザーのウィンドウサイズに合わせて表示/非表示を自動選択します。

以 上