フレームの細かい設定


せんせい

うし、今日はフレームの細かい設定とバリエーションを紹介しとく。 下のほうで、いくつかフレームのバリエーションも例にあげてるから、最後まで見ていってくれ。まだフレームページを作ってない人はフレームの作り方から読むように。

細かい設定って何ができるんでしょう?

せんせい

右と左フレームの幅の指定や、境界線を変更できるのだ。先に何が出来るか一覧を見てくれ。フレームを設定した「index.html」の<frameset>を↓のように変えると、それぞれの指定が出来る。他にもいくつか設定があるのだが、これだけ知っていれば大丈夫。



フレームを右左に

<frameset cols="*,*">

フレームを左と右に分けたい時に使用。
前のフレームを作るで使ったのこがコレ。


フレームを上下に

<frameset rows="*,*">

フレームを上と下に分けたい時に使用。
上と下に分けたい時は、rowsを使う。


フレームの幅

<frameset cols="300,*">

数字を変えると幅が変わる。「*」は幅いくつでもよいの意味。単位をつけないとピクセル単位の指定。%指定も可能。


境界線を消す

<frameset cols="200,*" frameborder="NO">

NOにすると、境界線を消す事ができる。
境界線を消す時には、メニューが隠れないように十分幅をとること。


境界線の固定

<frame src="menu.html" name="menu" noresize>

フレームの境界線を固定する。通常はマウスで動かすことができる。
<frameset> ではなく <frame> に指定すること。


フレームのバリエーション

せんせい

上で説明した設定を元に、いくつかフレームのバリエーションを載っけとく。
うまくフレームの幅指定をすると、こういうフレームページが出来る。
それぞれ「index.html」を↓のソースのように書き換えると変更できる




上メニュー
フレームサンプル2
下メニュー
フレームサンプル1
右メニュー

3分割
indexのソース indexのソース indexのソース indexのソース


初心者

少し設定を変えるだけで、違った印象のページになるんですね。

せんせい

うむ。一番右の3分割は、HTMLファイルを一つ増やさないといけないが、やってみたい人はチャレンジしてみてくれ。

ところで、どのフレームパターンが一番使いやすいでしょう?

せんせい

最初に作った左メニューが一番使われているから、見ている人も混乱しないかな。どのフレームでもかまわないけが、どこにメニューがあるのかは、すぐわかるようにしておこう。

初心者

わかりました。他に何かフレームを使う時に気をつける事はありますか?

せんせい

前のページでも少し書いているけど、検索エンジンで検索されるとフレーム全体ではなく、フレームの中身だけ検索される。そういう時のために、各ページには必ずトップページへ戻れるリンクを作っておくように。