layoutbrowserspicturestableframeuploadtagsformbbs["frame"]---フレームページは嫌い、という人は少なくないようです("フレーム撲滅委員会"なんてHPも?)。---が、その一方で、"フレーム(ページ)なんていらない"と言いながら自分ではフレームを使っている人もいるくらいで、書く方にとって、実に魅力的なものだったりもします。確かに、見づらいフレームページは少なくありません。---が、それは、"そのページがフレームだから"ではありません。---作者のちょっとした配慮さえあれば、ノンフレームページより見やすいページにすることも不可能ではないのです。〔frameライティング〕HP作成のページの中には、"フレームはビギナーの最後の難関"なんて書いてあるものもあったりしますが、"画面分割の概念"さえのみこんでしまえば、テーブル(表組み)などよりずっと簡単です。(---要は、"画面の分割"と、"フレーム間リンク"&枠をどのようにするか指定する、ただそれだけですから)フレ-ムページの作成法というのは、HTMLファイルを画面のどのフレーム(区画)に配置していくか、につきます。---ですから、HTMLファイルはあらかじめ用意しておく必要がありますが、別に完成されていなくてもかまわないので、コンテンツができていない場合は、とりあえず背景(自分のイメージしているおおよその色または柄)だけでも指定しておいて下さい。("画面分割")フレームページを書くには、"フレーム割り当て指定ファイル"(画面分割の仕方と、そこに最初に表示されるファイルを指定するファイル)が必要です。(この(HTML)ファイルは、通常のHTMLファイルとは違って、<BODY>タグは必要ありません)では、"フレーム指定ファイル"の書き方を解説していきたいと思います。任意の名前)もっとも基本的なタイプ(左右または上下に2分割する場合)はこれだけでOKです。Moment"で使用している"フレーム指定ファイル"の一つをサンプルとして挙げたいと思います。NAME="2-3-4"></FRAMESET></HTML>(<HEAD>タグの部分は省略してあります)"サンプル"の(HTML)ファイルのソースは上図のようになっています。COLS="25%,75%">なので、画面を左右に25:75に分割します。("ROWS"の場合は、上下に25:75に分割)"NAME"というのは、いってみれば、分割された画面のエリアそれぞれに付けられた名前です。(---"フレーム間リンク"では、この"NAME"でリンクする"エリア"を指定します)---(名前は)どんなものでもかまいませんが、必ず付けて下さい。SRC=・・・"を続けて書けばいいのですが、3分割(以上)の場合は"FRAMESET・・・"をネスト(入れ子)して書く必要があります。"pc_tags1-2.html"が表示)こちらは、まず上下に11:89に分割し、その上で下部のフレームを左右に65:35に分割しています。SRC・・・"を表示させたい順(左側または上部が優先)に書いていけばOK)、あまり細かく分割しすぎると誰も見に来てくれなくなるので、ほどほどにしましょう)(フレーム間リンク)フレームページの場合、通常のリンクの書き方をすると、"延々と"同じフレーム内でリンクしてしまいます。---ふつう、フレームページを書く時は、いずれかのフレームにメニューを置き、そこのリンクボタンを押すと別のフレームにリンク先のファイルが表示されるようにするので、それではまずいでしょう。NAME="name">中の「NAME="name"」が使われるわけです。2"を例にして解説したいと思います。TARGET="name">例えば、"pc_topmenu.html"に"1.html"へのリンクボタンを置き、それを今"pc_howto_h_f2.html"が表示されているフレームに表示したい場合、次のように書きます。TARGET="5-3">here</A>---他のフレームからリンクを張る場合も同様です。("TARGETオプション")'TARGET="name"'が最もよく使われる形ですが、他に、次のようなオプションがあります。TARGET="_top">と書けばOK)に使われます。('TARGET="_blank"')フレーム対応ブラウザでこれを指定しておくと、フレームページ、ノンフレームページにかかわらず、もう一つ新しくウインドウが開きます。(指定してあるリンクをクリックするたびに新規に次々ウインドウが開きます)('TARGET="_new"')フレーム対応ブラウザでこれを指定しておくと、フレームページ、ノンフレームページにかかわらず、もう一つ新しくウインドウが開きます。('TARGET="_blank"'とは違い、ウインドウが1つ新規に開いた後は、指定してあるリンクをクリックするたびにそのウインドウ内でリンク先が入れ替わります)(ネットスケープでは、'TARGET="_blank"'と同じく、指定してあるリンクをクリックするたびに新しくウインドウが開きます)(Note:'TARGET'の書き方には、細心の注意を払って下さい。---書き方を誤ると、別フレームに表示させるはずだったのにウインドウが立ち上がってしまったり、狭いフレーム内だけで延々とリンクしてしまったりして、見ている人に多大な迷惑をかけることになります。(---私も、これで大失敗したことがあります。---他のサイトへのリンクがまだ少なかった頃、左側のフレームにリンクを表示し、'TARGET="_top"'と指定するという書き方をしていたのですが、リンクの一つに'TARGET="_top"'を入れ忘れ---リンク先のHPが延々と左側のフレーム内で表示される羽目になってしまいました。---幸い、その頃私のページを見ていた人はほとんどいなかったようですが・・・))(フレームページでのハイパーリンク)(こう張らなければならない、という決まりはありませんが)一般的には、左側のフレームがメニューページだとすると、右側にリンク集ページをブラウズし、リンクの一つ一つに'TARGET="_top"'(または'TARGET="_blank"')と指定することが多いようです。SRC>の中にオプションを書くことにより、スクロールの有無、フレーム枠の色、幅&有無、フレーム枠と文字の間隔を指定することができます。デフォルトはauto)各フレームごとにスクロールさせるかどうかを指定します。ピクセル数)フレーム枠と文字の間隔を指定します。ピクセル数)'BORDER'は枠の表示の有無、'FRAMEBORDER'は枠を立体的にするかどうか、'FRAMESPACING'は枠の幅を指定します。FRAMESPACING="1"'と指定しているからなのです。NORESIZE>(枠を表示させた上で)フレームの大きさが変わらないようにします。任意の色)枠に色を付けます。SRC>の場合は特定のフレームの枠のみに有効)(フローティング・フレーム)一つのページの中に別のページを表示させます。表示のされ方は"イメージ"とほぼ同じ(例外としてスクロールバーが出る)、リンク(の仕方)は"通常のフレーム"と同じです。COLOR="silver"><U>こちら</U></FONT>をクリックしてみて下さい。<P>美しい(?)マーキー("スクロール文字")が出ます。<BR>(サウンドが鳴りますが、5回で止まります)</IFRAME></DIV>↓こちらをクリックしてみて下さい。美しい(?)マーキー("スクロール文字")が出ます。(サウンドが鳴りますが、5回で止まります)(---IEでは大体このように見えます(リンクボタンをクリックすると、ブルーグレーの画面の中にリンク先ファイルが表示されます))(Note:NN6の場合、'WIDTH'と'HEIGHT'を%で指定すると、罫線として表示されてしまい、フレームの中身が全く見れないので、数値で指定して下さい)〔フレームのメリット、デメリット&その克服法〕フレームページは見づらい、とか、センスのない人が書くと見られたものじゃない、と言われることもありますが、それは誤解です。ページデザインはむしろ、ノンフレームページの方が難しいのです(---もっと端的に言えば、フレームページだと、少々センスに自信がなくてもごまかしがききます)。---もし、"フレームページだとうまく書けない"という人がいたら、それは単に慣れていないだけです。(フレームのメリット)・見映えがいいテーブルでも画面分割は可能ですが、どうしても上下左右に隙間ができてしまいます(テーブル内に<BACKGROUND>や<BGCOLOR>を設定した場合、往々にして見苦しかったりします)。---フレームならそういったこともなく、思い通りに分割できます。BACKGROUND>とテーブルでデザインすると、よりスピードが落ちてしまうし、ディスプレイの解像度によってはずれてしまう)。---要は、やり方次第です。Moment"のように)文章中の"キーワード"をクリックしていくと、別フレームに順次解説が表示される、なんてページも、簡単に書けます。(もし、ノンフレームバージョンでこれと同じことをしようとしたら---ファイルがいくつあっても足りません)・クリック一つでページを次々変えることができるHPが"自分のサイト内"のみであれば、ノンフレームでも同じようなページを作ることは可能なのですが、"自動登録リンク"や掲示板を複数レンタルしている場合、ふつうは一か所しかジャンプ先を指定できないので、続けて書き込みしたいという時に不便です。---その点、フレームページであれば、リンクボタン一つ押せば他のページへすぐ行けます。("絶対的デメリット")フレームのデメリットのほとんど("デザイン的なもの"とか、読み込みに時間がかかる、リンクの張り方がわかりにくい、etc.)は"相対的なもの"で、書き方一つでメリットになることすらあるのですが、次のデメリットだけは避けようがありません(対処法はありますが)。・画面が小さくて見づらいフレームページにしたからといって、見ている人のディスプレイ画面自体が広がるわけではないので(当然)、どうしても見づらいこともあります。Moment"は"3."ですが、この書き方のHPは(他で)見たことがありません・・・たぶん、手間がかかるからでしょう)(「せっかく<NOFRAMES>でページを書いたんだったら(〔"正しい"<NOFRAMES>の書き方〕参照)、フレーム対応のブラウザでもノンフレームバージョンを選択できるようにした方が見る人に対して親切」という意見もいただいています---確かにその通りなのですが、フレームかノンフレームかを選べるようになっている場合、ノンフレームで見る傾向が(大いに)あるそうです。(前に書いた通り)私のページはフレームで見ることを前提にページデザインしていて、ノンフレームバージョンは"最低限コンテンツだけはできるかぎり同じものを見れる"ように"緊急避難的"に書いたものなので、フレーム対応ブラウザで見ると、"美しく"も(たぶん)見やすくもありません。---それで(ノンフレームバージョンだけ見て)"このページは×"なんて評価されてしまったら、悲しいですから)〔"正しい"<NOFRAMES>の書き方〕(私もかつて、"このページはネットスケープ2.0以上かIE3.0以上で見て下さい"とインデックスページに断り書きを入れていました。---その後、多くのインターネットTVではフレームページを見れないらしいと知ったこともあって、今は、ノンフレームブラウザでも見れるように書いています(私の"ノンフレームバージョン"に直にアクセスした人はごくわずかですが))フレームに対応していないブラウザで"通常のフレームページ"を見た場合、画面には何も映りません。---ノンフレームブラウザでも見れるようにするには"フレーム指定ファイル"内で<NOFRAMES>オプションを使う必要があるのですが、この書き方はなかなか"難しい"のです。---"書くこと自体は簡単"なのですが、<NOFRAMES>を書くのは、時になかなか面倒なのです。---それで、"このページは・・・"になるわけですが、見る方は、やはりいい気はしないでしょう。---そこで、どうしても時間がないなどの理由でノンフレームバージョンを書けない場合、一言、付け加えて下さい。「ノンフレームブラウザ用のページも準備中です」(この際、"準備中"がいつまで続くかはおいといて)これで、ありふれたテーマのHPであれば、快く(?)別のページを探してくれるでしょう---"代わり"はいくらでもあるのですから。---でも、レアなテーマだったら---やっぱり努力するしかないですね。(特に、英語ページの場合は必須でしょう---見に来てくれる人がUSAやヨーロッパからばかりとは限らないのです。---現に、私も、ドミニカやベネズエラからメールもらっています)また、ロボット検索エンジンによっては、フレームのページの場合<NOFRAMES>内のコメントが載る場合もあるので、その対策としてコメントとリンクを記述しておくのもいいでしょう。書き方ですが、次のように書きます。Beginners"の"スタートページ"のものですが、ブルーの文字の部分がノンフレームブラウザ用の記述になります。(フレーム対応ブラウザでは、この部分は無視されます))<NOFRAMES>~</NOFRAMES>を最後の</FRAMESET>の直前に入れ、"~"の部分にコンテンツを記述すれば、ノンフレームブラウザではその部分だけ表示されます。("~"内にフレームページと同じコンテンツをそっくりそのまま記述してリンクさせていくことはもちろん可能ですが、コンテンツの量によっては、フレーム対応ブラウザで表示スピ-ドが落ちてしまうこともあります。