フレーム分割を作ろう!
画面が左右や上下に分かれているフレーム分割に挑戦。しかし現在のバージョンのHTML-Editor(1.0.3)には、残念ながらこの機能が装備されていません。でも比較的簡単な操作で作る事ができます。フレーム分割の仕組みを簡単に説明すると(下図参照)、AファイルとBファイルを同時に表示させ るという事で、その指示をさせる別のファイルがあるんです。(表示はされませんが) その事を踏まえて次に進んでください。
左右分割フレームの作り方 こんなのを作って見ます。 この例の場合、Aファイルが(menu.html)Bファイル(start.html)となっていてこの2つのファイルを同 時に表示させる別のファイルが(top.html)となっています。 AとBファイルは普通にHTML-Editorで作っておきます。 問題は、(top.html)が HTML-Editorで作れない事なので、↓のHTMLソースの<HTML>〜</HTML> をドラッグ&コピーしてWin付属のメモ帳等のテキストエディタに貼り付け名前を(top.html)として 保存するだけです。これでIE等のブラウザで(top.html)を表示するとフレーム分割されて表示されま す。尚、ホームページのトップページを分割する場合は、top.htmlはindex.htmlまたはindex.htmとして ください。
HTMLソースの説明<TITLE>フレーム横</TITLE> ページのタイトルを入れます。<FRAMESET cols="140,*" ページの横幅(ピクセル)です。幅を広く〜数字を大。狭く〜小に。
上下分割フレームの作り方 こんなのを作って見ます。 この例の場合、Aファイルが(menu3.html)Bファイル(start.html)となっていてこの2つのファイルを同 時に表示させる別のファイルが(top2.html)となっています。 後は、左右分割同様の操作で↓のHTMLソースの<HTML>〜</HTML>をドラッグ&コピーしテキス トエディタに貼り付け名前を(top2.html)とし保存するだけです。これでIE等のブラウザで(top.html) を表示するとフレーム分割されて表示されます。尚、ホームページのトップページを分割する場合 は、top.htmlはindex.htmlまたはindex.htmとしてください。
フレーム間のリンク設定〜'03.08.22UP 同じフレーム内にリンク先を表示させるには通常のリンク設定(Step4参照)で良いのですが 例えば上記の例のように左側や上側フレームがメニューになっていてクリックするとB面に表示 させたい場合は、ハイパーリンク設定画面の「フレーム」の項目に start と文字入力します。 この start というのはB面である( start.html )に付けた名前です。 <FRAME src=”start.html” name=”start”←これ。
BACK HOME NEXT