How to パソコン  【平成16年4月29日(木】      戻る 

NO.26  インラインフレームの作成方法

ホームページビルダーで、見出しなどの項目が多い場合には、「インラインフレーム」という方法で見出しを作ると便利です。
見出しには、リンクが簡単に貼れたり、項目が100項目とか200項目とかになっても、比較的見やすくつくれます。
賞田のホームページでは「インラインフレーム」を使って「Hot トピックス」「How to パソコン」「なんでも展示室」などの見出しを作っています。その方法について問い合わせがありましたので、説明します。
作り方の難点は、HTMLソースにタグを直接入力しますので、その点がちょっと取っ付きが悪いのですが、一回作成してしまうと後は、タグは関係なく、普通の方法で項目の変更や追加ができます。

1.作り方のフローチャート

2.インラインフレームの作成方法
(1) インラインフレームのメイン画面を作成する。 ページの名前は、例として(sample.htm)とした。
(2) 見出しページを作成し表を作る。ページの名前は例としてsamplemidashi.htmとした.メインページと異なる名前であればなんでもよい。番号は下から若い番号順にしたほうが、見やすいと思います。
リンクは後から貼ることのできますが、下記の
【注1】に留意してください。
【注1】リンクの貼り方の注意次項 ターゲットで「全画面」を選ぶこと
(3) メインページに見出し専用ページをタグでリンクする。
(1)のインラインフレームメインページ(サンプル)のHTMLソースは下図のとおりです。
<A href="samplemidashi.htm"><IFRAME src="samplemidashi.htm" name="1234" width="736" height="259" scrolling="AUTO"></IFRAME></A>    (これをコピーして上記の位置に貼り付けてください。)
【注2】samplemidashi.htmは見出し専用ページのページ名を記入し貼り付ける。nameは何でもよいがここでは1234とした。widthとheightはそれぞれインラインフレームの大きさで、数字で大きさを変更できるが、(5)の方法で変更するほうが簡単である。
(4) プレビュウーで見ると下記のように表示される
HTMLソースで確認しておく width=,height= はフレームの幅と高さを表す。nameは何を入れてもいい
(5) インラインフレームの幅と高さはタグで変更可能であるが、下記の方法で行う方が便利である。
(6) 下記のように、メインページと見出し専用ページは同じフォルダーに収容する。
【注3】他のページからインラインフレームにリンクするときは、必ずメインページ(この場合は、sample.htm)にリンクすること。
戻る